/* Media Queries */
@media only screen and (max-width: 1900px) {
	header {   }
}

@media only screen and (max-width: 1650px) {
	#boxes .container .news .swiper-container .swiper-slide span.pTitle {padding: 10px 20px 12px 0;}
	#boxes .container .news .content::before {bottom: 50px;left: 30px;}
}

@media only screen and (max-width: 1440px) {
	header nav a.brand-logo {margin-right: 20px;}
	header nav .container::before {content: ''; position: absolute; right: 0;left: 295px; bottom: 65px; background: #3379b9; height: 1px; }
	header nav li a {padding: 0 10px;}

}

@media only screen and (max-width: 1366px) {
	#slider {height: 470px;}
	#boxes .container .news .swiper-container .swiper-slide span.pTitle {padding: 5px 10px 12px 0;}
	#boxes .container .news .content::before {bottom: 45px;left: 30px;}
}

@media only screen and (max-width: 1315px) {
	header nav li a {font-size: 14px;}
	#boxes .container .news .swiper-container .swiper-slide span.pTitle {padding: 5px 5px 10px 0;font-size: 13px;}
	#boxes .container .news .content::before {bottom: 40px;left: 30px;}
	#boxes .container .gallery .content span.pTitle { font-size: 13px; }
	#boxes .container .gallery .content::before {content: '';position: absolute;bottom: 50px;left: 65px;}
}
@media only screen and (max-width: 1280px) {
	#boxes .container { }
	#boxes .container > div  {flex-basis: 40%;margin-bottom: 20px;}
	#boxes .container > div:last-child  {flex-basis: 100%;}

}
@media only screen and (max-width: 1270px) {
	header nav a.brand-logo { max-width: 230px; }
	header nav .container::before {content: ''; position: absolute; right: 0;left: 265px; bottom: 65px; background: #3379b9; height: 1px; }

}
@media only screen and (max-width: 1250px) {
	header nav a.brand-logo { max-width: 180px; }
	header nav .container::before {content: ''; position: absolute; right: 0;left: 215px; bottom: 65px; background: #3379b9; height: 1px; }

}
@media only screen and (max-width: 1170px) {
	header nav li a {font-size: 13px; padding: 0 7px;}
	#boxes .container .news .swiper-container .swiper-slide span.pTitle {padding: 5px 10px 5px 0;}
	.page-news-list  .container{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:12px 10px;padding:0 10px}
	.page-news-list  .container .newsLeft .news-box .text .desc{font-size:14px;padding:0 14px}
	.page-news-list  .container .newsLeft .news-box .text .bar-anchor span{font-size:12px}
	.page-news-list  .container .newsRight .news-box .text{padding:10px 5px}
	.page-news-list  .container .newsRight .news-box .text .desc{font-size:15px;padding-top:10px}
	.new-detail .container { flex-direction: column; }
	.new-detail .container .image { margin: 0 auto; padding-right: 0px; }
	.product-detail .container {flex-direction: column;}
	.product-detail .image {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;}
}
@media only screen and (max-width: 1050px) {
	header nav li a {font-size: 12px; padding: 0 5px;}
	#slider .container .swiper-pagination { bottom: 60px; }
}

@media only screen and (max-width: 992px) {
	header::before {display: none;}
	header nav .container::before {display: none;}
	header nav a.brand-logo { left: 20%; }
	#boxes .container .news .swiper-container .swiper-slide span.pTitle {font-size: 14px;padding: 12px 90px 15px 0;}
	#boxes .container .news .content::before {bottom: 55px;left: 30px;}
	footer .container { flex-direction: column; }
	footer .container .copyright {text-align: center;margin: 10px 0;}

}
@media only screen and (max-width: 768px) {
	header nav { padding: 10px 0;}
	.page-contact .contact-top { flex-direction: column; }
	.page-contact .boxes {padding: 0px;margin-bottom: 30px;}
	.page-news-list .container{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:12px 10px;padding:0 10px}
	.page-news-list .container .newsLeft .news-box{grid-template-columns:1fr;grid-gap:51px 0}
	.page-news-list .container .newsLeft .news-box .image{display:none}
	.page-news-list .container .newsLeft .news-box .text{text-align: center;}
	.page-news-list .container .newsLeft .news-box .text .bar-anchor { display: inline-block; margin: 0 auto; }
	.page-news-list .container .newsLeft .news-box .text .desc{font-size:14px;padding:0 14px}
	.page-news-list .container .newsLeft .news-box .text .bar-anchor span{font-size:12px}
	.page-news-list .container .newsRight .news-box .text{padding:10px 5px}
	.page-news-list .container .newsRight .news-box .text .desc{font-size:15px;padding-top:10px}
}

@media only screen and (max-width: 700px) {
	#boxes .container > div  {flex-basis: 100%;}
	header nav .icons > a {display: none;}
	#slider .mainSliderText p { font-size: 22px; }
}

@media only screen and (max-width: 570px) {
	.mainSliderText img { max-width: 100px; }
	
	#mFull  {padding: 10px 0;}
	#mFull .container {display: block;}
	#mFull .container .header img {max-width: 80%;}
	#mFull .container .content {flex-direction: column;}
	#mFull .container .content .info {display: flex;flex-direction: column;padding-top: 20px;}
	#mFull .container .content ul{padding-left: 0px;margin: 20px 0;}
	#mFull .container .content ul li{text-align: center;}
	#mFull .container .content ul li a{ font-size: 16px;}
	#mFull .container .content ul li::before{left: 50%;transform: translateX(-50%);}
	#mFull .footerNav{justify-content: center;padding: 10px 0 0 0;}
	#mFull .container .content .info a {font-size: 15px;}

	#mFull .footerNav-social span{display: none;}
	#mFull .closebtn {max-width: 25px;}


}

@media only screen and (max-width: 359px) {
	#slider {height: 300px;}
	#slider .mainSliderText p { font-size: 16px; }
}