@media screen and (max-width: 1920px){
	.top-header{
		float: right;
	}
	.footer-container {
    	height: 22%;
	}
	.prd-list, .prd-lists {
    	margin-left: 5%;
	}
	.brands-title{
		    padding-right: 10%!important;
	}
}
@media screen and (max-width: 1912px){
	/*#s1 {
	    margin-bottom: 37px;
	}
	#s2 {
	    margin-bottom: 70px!important;
	}
	#s3 {
	    margin-bottom: 38px;
	}*/
	.brands-title{
		    padding-right: 10%!important;
	}
}
@media screen and (min-width: 1860px){
	.caption-container{
		margin-top: 563px;
    	width: 766px;
	}
}

@media screen and (max-width: 1720px) {
	.ban-text-cont span{
		font-size: 55px;
	}
	.box-content{
		width: 490px;
	}
	.text-about{
		font-size: 25px;
	}
	.rev-title{
	    height: 200px;
	    width: 200px!important;
	    border-radius: 220px;
	    margin-left: 15px;
	}
	.prd-list{
		margin-left: 35px;
	}
	.prd-img{
		width: 185px;
    	margin-left: 6%;
    	margin-top: 20%;
	}
	.prd-text{
		font-size: 22px!important;
	}
	.small-logo img{
		margin: 125px 20px 0px;
	}
	.copyr{
		font-size: 22px;
		margin-left: 44px;
	}
}
@media screen and (max-width: 1655px){
	.opt-label {
    	font-size: 16px;
	}
	.error-cont span {
    padding: 20px 15%!important;
	}
}
@media screen and (max-width:  1590px){
	.box-content{
		height: 301px;
	}
	.links a{
		font-size: 20px;
	}
	.ban-text-cont span{
		font-size: 50px;
	}
	.banner-btn{
		font-size: 25px;
	}
	.ban-btn-cont{
		margin-left: 250px;
	}
	.box-content {
    	width: 450px;
	}
	.marquee{
		margin-top: 50px;
	}
	.rev-title{
	    height: 185px;
	    width: 185px!important;
	}
	.prd-img{
		width: 175px;
	}
	.map{
		height: 640px;
		width: 100%;
	}
	.footer-container{
		margin-top: 40px;
	}
	.links-container span{
    	font-size: 27px;
	}
	.product-container{
    	margin-top: 100px;
	}
	.row1 a{
    	font-size: 16px;
	}
	.prod-wrap{
		padding: 0px 15%;
	}
/*	.card {
    	width: 260px;
	}
	.card-content {
    	margin-left: 10%;
	}*/
/*	.card-image {
    	padding-top: 20px;
	}*/
}
@media screen and (max-width: 1532px){
  .card-content {
    width: 59%!important;
    margin: auto;
  }
  .box-about-us {
  	width: 99%;
  }
  .box-about-us-re {
  	width: 99%;
  }
  .carousel-wrapper {
  	padding: 20px 20px;
  	max-width: 715px;
  }
  .container-box-facilities, .container-box-other {
    width: 95%;
  }
  .container-box-other-small {
  	width: 32%;
  }
  .carousel-track li {
  	width: 150px;
  }
  .container-box-other-paragra {
    padding: 15px;
	}
}
@media screen and (max-width: 1503px){
	.brands-opt {
		width: 317px!important;
		padding: 15px;
	}
	.brands-title {
    	padding-right: 60%;
	}
	.mobile-mask.open {
    display: block;
    z-index: 3;
    background: #000;
    opacity: .5;
    position: absolute;
    height: 165vh;
    width: 100%;
    cursor: pointer;
	}
}	

@media screen and (min-width: 1460px){
	.prd-list-row1{
     	display: none; 
	}
	.prd-list-row2{
     	display: none; 
	}
}	

@media screen and (max-width: 1460px){
	.row3 {
    padding: 25px 0px 0px 20px;
    text-align: right;
	}
	.nav-container{
	    height: 104px;
	}
	.logo-nav img{
		width: 290px;
    	margin-top: 30px;
    	margin-left: 13%;
	}
	.nav-menu a{
		font-size: 20px!important;
		margin: 35px 0px 0px 20px;
	}
	
	.box-content{
    	width: 400px;
	}
	.text-about{
    	font-size: 22px;
	}
	.product-container{
    	height: 835px;
	}
	.prd-list{
		display: none; 
	}
	.prd-text {
    	font-size: 20px!important;
	}
	#caption{
		font-size: 22px;
	}
	.links a {
    	font-size: 18px;
	}
	.links-container span {
    	font-size: 23px;
	}
	.social img {
		width: 70px;
		margin-left: 15px;
	}
	.footer-container {
	    margin-top: 40px;
	    height: auto;
	}
	.yellow-container a{
		font-size: 20px;
	}
	.caption-container{
		height: 60px;
	}
	.yellow-container {
	    margin-top: 60px;
	}
	.prod-wrap{
		padding: 0px 10%;
	}
	.prod-img {
	    width: 200px;
	}
	.prod-content {
    	height: 325px;
	}
	.box{
		height: 325px;
	}
	.paragraph{
		font-size: 20px;
	}
}

@media screen and (max-width: 1320px){
/*	.card {
    	width: 31%;
	}*/
/*	.card-image {
    	padding-top: 5px;
	}*/
}
@media screen and (max-width: 1300px){
    .box-container-mo-about {
    	flex-direction: column;
    }
    .bot-indi {
    	display: none;
    }
    .bran-about-us h1 {
    	text-align: center;
    }
    .bran-about-us {
	    width: 830px;
		}
		.box-container-mo-about {
			padding: 45px 20px;
		}
}
@media screen and (max-width: 1260px){
	.box-content {
    	width: 360px;
	}
	.text-about {
    	font-size: 20px;
	}
	.contact-cont{
		margin-left: 15px!important;
	}
	.error-cont span {
    padding: 20px 10%!important;
	}
	.tab-content {
    padding: 30px 20px!important;
	}
	.tab-content p, li span{
		font-size: 17px!important;
	}
	.tab-content p{
		padding: 30px 20px!important;
	}
	.tab-content::before{
		background-image: none!important;
	}
	.product-details {
    width: 40%;
	}
}
  
@media screen and (max-width: 1243px){
  .card-content {
    width: 65%!important;
    margin: auto;
  }
}
@media screen and (min-width: 1210px){
	.hid-nav{
		display: none!important;
	}
	.search-cart{
		display: none;
	}
	
}		
@media screen and (max-width: 1210px){
	.row2, .row3{
		display: none;
		width: 0px!important;
	}
	.top-header{
		float: left;
		padding: 15px 0px;
	}
	.direct-description{
		font-size: 20px;
	}
	.prod-wrap{
		padding: 0px 5px;
	}
	.top-ul {
    justify-content: flex-start;
	}
}
@media screen and (max-width: 1200px){
	.footer-container{
		display: none;
	}
	.container-box-other {
		flex-direction: column;
	}
	.container-box-other-small {
     width: 100%;
     margin: 15px 0px;
  }
  .container-box-other-img {
  	height: 415px;
  }
  .image-cont img {
  	width: 465px;
  }
  .image-cont-re img {
  	width: 465px;
  }
}
@media screen and (max-width: 1190px){
	.brands-opt{
		display: none;
	}
	.card-content {
    	width: 100%!important;
	}
	.pagination {
    	width: 100%!important;
	}
	  .cont-pad {
    padding: 20px 60px;
  }
  .card-content {
    width: auto!important;
    margin: auto;
  }
  .filter-prd{
    display: block;
    cursor: pointer;
    width: 100px;
  }
  .brands-opt.open{
    display: block;
    position: absolute;
    z-index: 3;
    animation-name: fade;
    animation-duration: .9s;
  }
	/*.card-content {
    	margin-left: 0;
	}*/
	
	/*.pagination {
    	margin: 20px 0px 20px 15%!important;
	}*/
}
@media screen and (min-width: 1200px){
	.mobile-footer{
		display: none;
	}
}
@media screen and (max-width: 1180px) {
	.image-cont img {
		width: 465px;
	}
	.image-cont-re img {
		width: 465px;
	}
}
@media screen and (max-width: 1150px){
	.about-content{
		margin-top: 50px;
	}
	.about-box{
		width: 50%!important;
	}
	.box-content{
		width: 90%;
		height: 240px;
	}
	.bot{
		margin-top: 30px;
    	width: 100%!important;
	}
	.bot-content{
		width: 95%!important;
	}
	.product-container {
    	margin-top: 50px;
	}
	.caption-container {
    margin-top: 20px;
    FLOAT: LEFT;
    margin-left: 0!important;
    width: 70%;
	}
	.img-cont{
		display: flex;
    flex-direction: column;
    align-items: center;
	}
	.image-container {
		margin-left: 0; 
		width: 70%!important;
	}
	.map {
    	height: 550px;
	}
	.ban-text-cont span {
    	font-size: 45px;
	}
	.banner-btn {
    	font-size: 20px;
	}
	#caption {
    	font-size: 20px;
	}
	
	.s{
		display: initial;
	}
	.links p{
		line-height: 30px;
	}
	.link:hover::after {
    	width: 55%;
	}
	.error-cont span {
    padding: 20px 5%!important;
    font-size: 20px!important;
	}
	.left-desc, .for-gallery{
		width: 100%!important;
		padding-bottom: 30px;
	}
	.flex-centered {
    flex-direction: column;
	}
}
@media screen and (max-width: 1000px){

	/*#s1 {
  	margin-bottom: 35px;
	}
	#s2 {
  	margin-bottom: 30px!important;
	}*/
	.slides img {
  	margin: 15px 40px!important;
	}
	.product-details, .product-image {
    width: 100%!important;
	}
	.product-details{
		margin-top: 35px;
	}
	.marquee {
    font-size: 30px;
	}
	.container-box {
		padding: 15px;
	}
}
@media screen and (max-width: 975px){
/*	.card {
    	width: 50%;
	}*/
}
@media screen and (max-width: 961px){
	.row1 #col-9 {
	    width: 50%!important;
	    margin-bottom: 5px;
	}
	.cart{
		width: 50%!important;
	}
	.cart-text{
		display: inherit;
	}
	.view-btn{
		opacity: 1;
	}
	.directory {
    	font-size: 20px;
	}
}
@media screen and (max-width: 949px){
	.prod-wrap {
		justify-content: center;
	}
	.paragraph {
    	padding: 40px 10px;
	}
	.prod-content {
    	width: 40%;
	}
}
@media screen and (max-width: 944px){
	.map-cont, .for-gallery{
		width: 100%!important;
	}
	.for-gallery{
		height: auto;
    	padding-bottom: 15px;
	}
	

	.close-btn {
    	margin-top: 85px;
	}
}
@media screen and (max-width:  900px){
	.mob-links-cont{
		margin-left: 14%;
	}
	.yellow-container a {
    	font-size: 15px;
	}
	.rev-title {
    	height: 150px;
    	width: 150px!important;
	}
	.prd-img {
    	width: 135px;
	}
	.view-btn {
    	padding: 3px;
	}
}
@media screen and (max-width: 885px) {
	.box-about-us {
		flex-direction: column;
	}
	.box-about-us-re {
		flex-direction: column;
	}
	.box-details-cont, .box-details-cont- {
		width: 100%;
	}
	.image-cont, .image-cont-re {
    height: 380px;
    width: 100%;
	}
	.image-cont:before {
		right: auto;
	}
	.image-cont-re:before {
		left: auto;
	}
	
  .bran-about-us {
  	width: 100%;
  }
}
@media screen and (max-width: 840px){
	.link-width{
		width: 72%!important;
		text-align: center;
		margin-left: 0px;
		margin-top: 20px;
	}
	.links {
    	margin-top: 0px;
	}
	.mob-links-cont {
    	margin-top: 0;
	}
	.yellow-container {
    	margin-top: 30px;
	}
	.login-cont{
		display: block;
	}
	.login-none{
		display: none;
	}
	.hide-span{
		display: initial;
	}
	.sitemap-width{
		width: 42%!important;
    	text-align: right;
	}
	.term-width{
		width: 57%!important;
	}
	.term-cont {
    	text-align: left;
    	margin-left: 7px;
	}
	.close-btn {
	    width: 30px;
	}
	.links a:after {
		display      : block;
		content      : '';
		border-bottom: solid 3px #fcb13d;
		transform    : scaleX(0);
		transition   : transform 300ms ease-in-out;
	}
	.links a:hover:after {
	    transform: scaleX(1);
	    width: 100%;
	}
	.view-btn {
    	padding: 7px;
	}
}
@media screen and (max-width: 815px){
	.cont-pad {
	  padding: 20px 20px;
	}
	.filter-prd{
		margin-left: 35px;
	}

}
@media screen and (max-width:  800px){
	.ban-text-cont{
		text-align: center;
		float: none;
	}
	.ban-btn-cont {
     	text-align: center;
   	 	margin: 0!important;
   	 	float: none;
	}	
	
	.show-nav {
    	width: 300px;
	}
}
@media screen and (max-width: 730px){
	.top-header{
		width: 100%!important;
		border-bottom: 1px solid;
		padding-bottom: 10px;
    padding-top: 5px;
	}
	.search-cart{
		width: 100%!important;
		padding-top: 7px;
	}
	.top-ul {
    justify-content: center;
	}
	.brand-title {
    font-size: 20px;
	}
	.p-invent {
    padding: 0px 40px;
}
	.p-invent h2 {
    font-size: 25px;
	}
	.p-invent p {
    font-size: 16px;
	}
}
@media screen and (max-width: 690px){
	.slides img {
		width:14% !important;
    margin: 7px 42px !important;
	}	
	.tab-btn img{
		display: none;
	}
	.add-btn a {
    padding: 15px 5%;
    font-size: 17px;
	}
	.left {
    left: 50px!important;
	}
	.right {
    right: 50px!important;
	}
}
@media screen and (max-width:  675px){
	.prd-list-row1{
		margin-top: 0px!important;
	}
	.rev-title {
    	margin-top: 55px;
	}
	.product-container span {
    	margin-top: 30px!important;
	}
	.prd-list-row2 {
    	margin-top: 10px;
	}
	.product-container {
    	height: 990px;
	}
	.about-box {
    	width: 95%!important;
    	margin-left: 3%;
    	margin-top: 35px;
    } 
/*    .card {
	    width: 100%;
	}*/
	/*.card-content { margin-left: 15%; }*/	
}
@media screen and (max-width:  675px){
	.color-text{
		margin-left: 34px;
	}
	.error-cont span {
    font-size: 17px!important;
	}
	.error-cont img {
    width: 100%;
    margin-top: 30px;
	}
	.container-box-facilities {
		flex-direction: column;
		height: auto;
	}
	.text-para-cont {
		width: 100%;
		margin-left: 0px;
		padding: 15px;
	}
	.cont-image-faci {
		width: 100%;
		height: 415px;
	}
  .carousel-wrapper {
      max-width: 370px;
  }
}
@media screen and (max-width:  620px){
	
	.map {
  	height: 450px;
	}
	.direct-description {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
	}
	.close-btn {
  	margin-top: 124px;
  	margin-left: 77%;
	}
	.product-details span, .product-details p, .prd-info span {
    font-size: 23px!important;
	}
	.tab-content ul li {
    padding: 6px 15px!important;
    margin-left: 35px!important;
	}
	.tab-content li span {
    left: -13px!important;
	}
}
@media screen and (max-width: 596px){
  .card-content {
    max-width: 65%;
  }
  .count-prd {
  	margin-top: 20px;
    text-align: center;
	}
	.link-btn {
    margin-top: 15px!important;
    height: 130px!important;
	}
	.img-column {
    width: 23%!important;
	}
	.brand-title {
    font-size: 16px;
	}
}
@media screen and (max-width:  570px){
	
	.direct-description{
		font-size: 18px;
	}
	.close-btn {
  	width: 20px;
	}
	.show-nav {
  	width: 245px;
	}
/*	.card{
		width: 100%;
		max-width: 400px;
		margin-left: 0px;
		margin-top: 20px;
	}*/
	.cont-pad {
  	padding: 20px 15px;
	}
	.search-con {
  	padding: 20px 15px;
	}
	.image-cont-re img {
    width: 85%;
  }
  .image-cont img {
    width: 85%;
  }
	/*.card-content {
    	margin-left: 0px;
	}*/
}
@media screen and (max-width:  534px){
	.color-text{
		margin-left: 0px;
	}
	.banner-text2{
		margin-left: -41px;
	}
	.ban-text-cont span {
  	font-size: 40px;
	}
	.ban-container {
  	height: 700px;
	}
	.intro-slideshow img{
		height: 700px;
	}
	.tit-mar{
  	margin-top: 40px;
	}
	.paragraph {
    font-size: 16px;
    text-align: justify;
	}
	.prod-img {
  	width: 150px;
	}
	.prod-content {
 	 	height: 225px;
	}
	.box {
 	 	height: 225px;
	}
	.prod-name {
  	font-size: 20px;
	}
	.tab-btn {
    font-size: 16px!important;
    padding: 10px 10px!important; 
	}
	.tab-content h2{
		font-size: 20px!important;
	}
	.tab-content p{
		margin-top: 0px!important;
		padding: 15px 20px!important;
    line-height: 25px!important;
	}
}
@media screen and (max-width: 500px){
	.slides img {
		    width: 23% !important;
		    margin: 5px 14px !important;
		}
	.container {
	    padding: 0px 25px;
		}
	.left{
			left: 0px!important;
		}
	.right{
			right: 0px!important;
		}
	.product-image img {
	  width: 325px;
	}
	.nav-container {
    height: 60px;
	}
	.logo-nav img {
    width: 220px;
    margin-top: 10px; 
    margin-left: 6%;
	}
	#menuImg {
    width: 30px;
    margin: 15px;
	}
}
@media screen and (max-width:481px){
	.top-ul li:nth-child(2) {
	  margin-top: 10px;
	}
	.search-cart {
		text-align: center;
	}
	.search-cart form {
		margin-left: 20px;
	}
}
@media screen and (max-width: 460px) {
	.image-cont, .image-cont-re {
		height: 285px;
	}
	.image-cont:before, .image-cont-re:before {
		width: 230px;
	}
	.box-details-cont {
		padding: 15px;
	}
  .container-box-other-img {
    height: 215px;
  }
}
@media screen and (max-width: 453px){
	.cart-text{
		display: none;
	}
	.cart {
    float: right;
    margin-right: 22px;
    padding: 12px 5px;
    width: 16.66%!important;
	}
	.row1 #col-9 {
  	width: 77%!important;
	}
	.intro-slideshow img {
  	height: 700px;
	}
	.title-img {
		width: 300px;
	}
	.error-cont h3 {
    font-size: 27px!important;
	}
}
@media screen and (max-width: 445px){
	.sitemap-width {
  	width: 31%!important;
	}
	.term-width {
  	width: 65%!important;
	}
	.box-content {
  	height: 284px;
	}
	.logo-nav img {
  	margin-left: 5%;
	}
}
@media screen and (max-width: 410px){
	.prod-content {
  	width: 38%;
	}
	.prod-img {
 	 	width: 130px;
	}
	.prod-content {
  	height: 190px;
	}
	.box {
  	height: 190px;
	}
	.select-con {
  	margin-left: 3px;
  	font-size: 15px;
	}
}
@media screen and (max-width: 390px){
	.row1 #col-9 {
    width: 60%!important;
    float: left;
	}
	#home-nav a {
		padding: 10px 100% 10px 10%;
	}
	.nav-links a {	
  	font-size: 16px;
	}
	.logo-nav img {
    width: 220px;
	}
	.show-nav {
  	width: 170px;
	}
	.view-btn {
  	padding: 3px;
	}
	.card-content {
  	margin: 0!important;
  }
  .slides img {
   	margin: 10px 7px !important;
}
@media screen and (max-width: 350px){
 	.slides img {
	    width: 23% !important;
	    margin: 15px 7px !important;
	}
	.slider .inner-wrapper {
    	height: 39vh !important;
	}
}