@media only screen and (min-width:768px) and (max-width:991px) {
img{max-width:100%; height:auto;}
.cbp-af-header{min-height: inherit;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{width:auto;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding: 0px 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding: 0px 0px; line-height:20px; font-size:14px;}
#cssmenu > ul > li{margin:0px; padding:0 7px;}
#cssmenu > ul > li > a{padding:0 0px; font-size:14px; line-height:20px;}
.header-contact ul li{padding-right:7px; margin-right:0px; font-size: 13px;}
.header-social ul li a{font-size:15px; line-height:30px; width:30px; height:30px;}
.header-contact svg{font-size:44px;}

/*innerpage*/
.innerbanner h1{font-size:60px; line-height:64px;}
.innercontent{padding:40px 0px;}
.innercontent h1{font-size:40px; line-height:44px; padding-bottom:0px; margin:0px auto 10px;}
.innercontent h2{font-size:22px; line-height:26px; margin-bottom:10px;}
.innercontent h3{font-size:20px; line-height:24px; margin-bottom:8px;}
.innercontent h4{font-size:19px; line-height:23px; margin-bottom:8px;}
.innercontent h5{font-size:18px; line-height:22px; margin-bottom:8px;}
.innercontent h6{font-size:17px; line-height:21px; margin-bottom:8px;}
.innercontent p{font-size:15px; line-height:24px; margin-bottom:15px;}
.innercontent ul li{font-size:15px; line-height:22px;}
.innercontent ol li{font-size:15px; line-height:22px;}
.innercontent ul.bullet li{margin:0px 0px 10px 0px; font-size:15px; line-height:22px;}

/**/
.carousel-inner > .item{height:auto; max-height:inherit;}
.header .container{max-width:1330px; width:100%;}
.navigation{max-width:100%;}
.herobanner h1,.herobanner h2{font-size:36px; line-height:40px; margin-bottom:10px;}
.banner-caption p{margin-bottom:20px;}
.readmore-btn{padding:0 20px; font-size:15px; line-height:40px;}

/*=========================*/
.container{width:auto;}
.intra-icon{width:46px; height:46px; line-height:46px; top:0px; padding-left:55px;}
.intra-box.first svg{max-width:16px; max-width:22px; margin-top:10px;}
.intra-box h4{font-size:17px;}
.intra-box p{font-size:13px;}
.intra-section{padding:30px 0;}
.welcome-section{padding:40px 0px;}
.welcome-content{padding:0;}
.welcome-section h5{font-size:15px; line-height:normal; margin-bottom:5px;}
.welcome-section h2{font-size:34px; line-height:normal; margin-bottom:12px;}
.welcome-section p{margin-bottom:20px;}
.welcome-section p:last-child{margin-bottom:0px;}
.blue-section{padding:50px 0px;}
.blue-section h4{font-size:22px;}
.blue-section h2{font-size:28px; line-height:normal;}
.brands-section h3{font-size:34px; line-height:normal;}
.brands-logos ul li{width:25%;}
.customers-say-section{padding:30px 0 50px;}
.customers-say-title{margin-bottom:30px;}
.portfolio-blue-section{padding:40px 0px;}
.portfolio-left{max-width:100%;}
.portfolio-blue-section h2{font-size:26px;}
.catelog-section h3{font-size:22px; line-height:normal;}
.catelog-section p{line-height:22px;}
.mapvideo-right h2{font-size:30px; line-height:normal; margin-bottom:10px;}
.mapvideo-right h5{font-size:15px; line-height:normal; margin-bottom:0px;}

.company-block{width:30%;}
.topbrand-block{width:70%;}
.topbrand-block ul li{width:50%;}
.footer{padding-bottom:20px;}





}

@media only screen and (min-width:480px) and (max-width:767px) {
img{max-width:100%; height:auto;}
.sitelogo{width:auto;}
#cssmenu{text-align:left; position:static;}
#cssmenu ul{top:42px;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:15px; line-height:36px;}
#cssmenu ul.open{z-index:999; position:absolute !important; top:60px; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu ul.open ul.open{position:static; padding:0 3%; top:36px; }

#cssmenu > ul.open > li:hover > a{color:#000;}
#cssmenu > ul > li:last-child{float:none; text-align:left;}
#cssmenu > ul > li:last-child > a{padding-right:15px;}
#cssmenu > ul > li > a::after{display:none;}
#cssmenu > ul > li:hover > a::after{display:none;}
#cssmenu > ul > li.active > a::after{display:none;}
#cssmenu > ul.open > li > a:hover{color:#3ba5d0;}
#cssmenu ul.open li{position:relative !important;}
#cssmenu > ul.open > li > a{padding:0px;}
#cssmenu #menu-button{padding:0px; width:38px; height:34px; float:right; top:0px; background:#fff; /*margin-top: -34px;*/}
#cssmenu #menu-button::before{top:10px; right:9px; background:#000;}
#cssmenu #menu-button::after{top:16px; right:9px; height:8px; border-color:#000;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#000;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#000;}
.cbp-af-header{overflow: initial;}
.cbp-af-header.cbp-af-header-shrink .header{padding:10px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{margin-bottom:0px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:48px;}

/**/
.topbar{padding:0px; display: none;}
.header{padding:10px 0px; margin-bottom:0px;}
.header [class*="col-"]{position:static;}
.navigation [class*="col-"]{position:static;}
.header-right{padding-top:10px; padding-bottom:0px; position:static;}
.header-cart{margin:0px; padding:6px 15px 0 0px; border:none;}
.navigation{float:right; background:none; margin-top:0px;}
/*.banner-caption{position:static; padding:0px; transform: translateY(-0%); -o-transform: translateY(-0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); background:rgb(0,0,0,0.2);}*/
.herobanner h1,.herobanner h2{font-size:17px; line-height:20px; color:#fff; margin-bottom:5px;}
.herobanner h6{font-size:13px; line-height:18px; color:#fff; letter-spacing:0px; margin-bottom:2px;}
.herobanner p{font-size:14px; line-height:18px; color:#fff; margin-top:0px; margin-bottom:0px;}
.slidernav.snext{right:1%;}
.readmore-btn{font-size:14px; line-height:32px; padding:0px 16px;}


/*innerpage*/
.innercontent{padding:30px 0px;}
.innercontent h1{font-size:30px; line-height:34px; padding-bottom:0px; margin:0px auto 10px;}
.innercontent h2{font-size:22px; line-height:32px; margin-bottom:10px;}
.innercontent h3{font-size:20px; line-height:28px; margin-bottom:10px;}
.innercontent h4{font-size:19px; line-height:26px; margin-bottom:10px;}
.innercontent h5{font-size:18px; line-height:24px; margin-bottom:10px;}
.innercontent h6{font-size:17px; line-height:22px; margin-bottom:10px;}
.innercontent p{font-size:15px; line-height:22px; margin-bottom:15px;}
.innercontent ul li{font-size:15px; line-height:22px;}
.innercontent ol li{font-size:15px; line-height:22px;}
.innercontent ul.bullet li{margin:0px 0px 10px 0px; font-size:15px; line-height:22px;}
.innerbanner h1{font-size:30px; line-height:34px;}

#cssmenu ul li:hover > ul{padding:0px;}
#cssmenu > ul.open > li > a{padding:0 10px;}
#cssmenu > ul > li{padding:1px 2px;}
#cssmenu > ul > li > a{border-bottom:none !important;}
#cssmenu > ul > li:last-child a{border-bottom:#3ba5d0 solid 1px !important;}
#cssmenu ul.open li:last-child a{border-bottom:#3ba5d0 solid 0px !important;}

/*==================================*/
.container{width:auto;}
.intra-section{padding:40px 0px 10px;}
.intra-box{ margin-bottom:25px; }
.intra-icon{width:50px; height:50px; line-height:50px; top:0;}
.intra-icon svg{font-size:25px; line-height:50px;}
.intra-box.first svg{max-width:17px;}
.welcome-section{padding:40px 0 20px;}
.welcome-section h5{margin-bottom:5px;}
.welcome-section h2{font-size:30px; line-height:34px; margin-bottom:12px;}
.blue-section{padding:40px 0px;}
.blue-section h4{font-size:18px; line-height:normal;}
.blue-section h2{font-size:22px; line-height:normal;}
.brands-section h5{line-height:normal; margin-bottom:5px;}
.brands-section h3{font-size:30px; line-height:normal; margin-bottom:10px;}
.brands-logos ul li{width:50%;}
.customers-say-section{padding:30px 0 40px;}
.display-flex{display:block;}
.customers-say-section h2{font-size:30px; line-height:normal;}
.customers-say-title{margin-bottom:30px;}
.customers-say-box{padding:20px 20px; height:auto;}
.portfolio-blue-section{padding:40px 0 10px;}
.portfolio-left{max-width:100%;}
.portfoliobox{margin-bottom:20px;}
.portfolio-section{padding:40px 0 10px;}
.portfolio-box{margin-bottom:20px;}
.catelog-box{margin-top:20px;}
.catelog-section p:last-child{margin-bottom:0px;}
.banner-caption p{margin-bottom:10px;}
.customers-say-section h5{font-size:17px; line-height:normal; margin:0 0 5px;}
.catelog-section{padding-bottom:30px;}
.mapblock iframe{height:200px;}
.videoblock iframe{height:200px;}
.mapvideo-right{padding-top:30px;}
.mapvideo-right h5{font-size:18px; line-height:normal; margin-bottom:5px;}
.mapvideo-right h2{font-size:30px; line-height:normal; margin-bottom:10px;}
.mapvideo-section{padding-bottom:40px;}



.footer-right{padding-top:20px;}
.company-block{margin:0 0 20px; float:none; width:100%;}
.topbrand-block{width:100%; float:none;}
.topbrand-block ul li{width:50%;}
.footer-row{margin-bottom:20px;}
.footer-row:last-child{margin-bottom:0px;}
.footer{padding:40px 0px;}
.company-block ul li{width:49%; display: inline-block; vertical-align: top;}
.copyright{text-align:center;}
.copyright p{margin:0 0 10px;}
.paycard{text-align:center;}
.shopapparel-section h2{font-size:26px; line-height:normal; margin-bottom:20px;}







}

@media only screen and (min-width:320px) and (max-width:479px){
img{max-width:100%; height:auto;}

.sitelogo{width:auto;}
#cssmenu{text-align:left; position:static;}
#cssmenu ul{top:42px;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:15px; line-height:36px;}
#cssmenu ul.open{z-index:999; position:absolute !important; top:42px; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu ul.open ul.open{position:static; padding:0 3%; top:36px;}
#cssmenu > ul.open > li:hover > a{color:#000;}
#cssmenu > ul > li:last-child{float:none; text-align:left;}
#cssmenu > ul > li:last-child > a{padding-right:15px;}
#cssmenu > ul > li > a::after{display:none;}
#cssmenu > ul > li:hover > a::after{display:none;}
#cssmenu > ul > li.active > a::after{display:none;}
#cssmenu > ul.open > li > a:hover{color:#3ba5d0;}
#cssmenu ul.open li{position:relative !important;}
#cssmenu > ul.open > li > a{padding:0px;}
#cssmenu #menu-button{padding:0px; width:38px; height:34px; float:right; top:0px; background:#fff; /*margin-top: -34px;*/}
#cssmenu #menu-button::before{top:10px; right:9px; background:#000;}
#cssmenu #menu-button::after{top:16px; right:9px; height:8px; border-color:#000;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#000;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#000;}
.cbp-af-header{overflow: initial;}
.cbp-af-header.cbp-af-header-shrink .header{padding:10px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{margin-bottom:0px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:53px;}

/**/
.topbar{padding:0px; display: none;}
.header{padding:10px 0px; margin-bottom:0px;}
.header [class*="col-"]{position:static;}
.navigation [class*="col-"]{position:static;}
.header-right{padding-top:0px; padding-bottom:0px; position:static;}
.header-cart{margin:0px; padding:6px 15px 0 0px; border:none;}
.navigation{float:right; background:none; margin-top:0px;}
/*.banner-caption{position:static; padding:0px; transform: translateY(-0%); -o-transform: translateY(-0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); background:rgb(0,0,0,0.2);}*/
.herobanner h1,.herobanner h2{font-size:15px; line-height:18px; color:#fff; margin-bottom:5px;}
.herobanner h6{font-size:13px; line-height:18px; color:#fff; letter-spacing:0px; margin-bottom:2px;}
.herobanner p{font-size:12px; line-height:15px; color:#fff; margin-top:0px; margin-bottom:0px;}
.slidernav.snext{right:1%;}
.readmore-btn{font-size:14px; line-height:32px; padding:0px 16px;}


/*innerpage*/
.innercontent{padding:30px 0px;}
.innercontent h1{font-size:30px; line-height:34px; padding-bottom:0px; margin:0px auto 10px;}
.innercontent h2{font-size:22px; line-height:26px; margin-bottom:10px;}
.innercontent h3{font-size:20px; line-height:24px; margin-bottom:10px;}
.innercontent h4{font-size:19px; line-height:23px; margin-bottom:10px;}
.innercontent h5{font-size:18px; line-height:22px; margin-bottom:10px;}
.innercontent h6{font-size:17px; line-height:21px; margin-bottom:10px;}
.innercontent p{font-size:15px; line-height:22px; margin-bottom:18px;}
.innercontent ul li{font-size:15px; line-height:22px;}
.innercontent ol li{font-size:15px; line-height:22px;}
.innercontent ul.bullet li{margin:0px 0px 10px 0px; font-size:15px; line-height:22px;}
.innerbanner h1{font-size:30px; line-height:34px;}

#cssmenu ul li:hover > ul{padding:0px;}
#cssmenu > ul.open > li > a{padding:0 10px;}
#cssmenu > ul > li{padding:1px 2px;}
#cssmenu > ul > li > a{border-bottom:none !important;}
#cssmenu > ul > li:last-child a{border-bottom:#3ba5d0 solid 1px !important;}
#cssmenu ul.open li:last-child a{border-bottom:#3ba5d0 solid 0px !important;}

/*==================================*/
.container{width:auto;}
.intra-section{padding:40px 0px 10px;}
.intra-box{ margin-bottom:25px; }
.intra-icon{width:50px; height:50px; line-height:50px; top:0;}
.intra-icon svg{font-size:25px; line-height:50px;}
.intra-box.first svg{max-width:17px;}
.welcome-section{padding:40px 0 20px;}
.welcome-section h5{margin-bottom:5px;}
.welcome-section h2{font-size:30px; line-height:34px; margin-bottom:12px;}
.blue-section{padding:40px 0px;}
.blue-section h4{font-size:18px; line-height:normal;}
.blue-section h2{font-size:22px; line-height:normal;}
.brands-section h5{line-height:normal; margin-bottom:5px;}
.brands-section h3{font-size:30px; line-height:normal; margin-bottom:10px;}
.brands-logos ul li{width:50%;}
.customers-say-section{padding:30px 0 40px;}
.display-flex{display:block;}
.customers-say-section h2{font-size:30px; line-height:normal;}
.customers-say-title{margin-bottom:30px;}
.customers-say-box{padding:20px 20px;  height:auto;}
.portfolio-blue-section{padding:40px 0 10px;}
.portfolio-left{max-width:100%;}
.portfoliobox{margin-bottom:20px;}
.portfolio-section{padding:40px 0 10px;}
.portfolio-box{margin-bottom:20px;}
.catelog-box{margin-top:20px;}
.catelog-section p:last-child{margin-bottom:0px;}
.banner-caption p{margin-bottom:10px;}
.customers-say-section h5{font-size:17px; line-height:normal; margin:0 0 5px;}
.catelog-section{padding-bottom:30px;}
.mapblock iframe{height:200px;}
.videoblock iframe{height:200px;}
.mapvideo-right{padding-top:30px;}
.mapvideo-right h5{font-size:18px; line-height:normal; margin-bottom:5px;}
.mapvideo-right h2{font-size:30px; line-height:normal; margin-bottom:10px;}
.mapvideo-section{padding-bottom:40px;}

.footer-right{padding-top:20px;}
.company-block{margin:0 0 20px; float:none; width:100%;}
.topbrand-block{width:100%; float:none;}
.topbrand-block ul li{width:50%;}
.footer-row{margin-bottom:20px;}
.footer-row:last-child{margin-bottom:0px;}
.footer{padding:40px 0px;}
.company-block ul li{width:49%; display: inline-block; vertical-align: top;}
.copyright{text-align:center;}
.copyright p{margin:0 0 10px;}
.paycard{text-align:center;}
.shopapparel-section h2{font-size:26px; line-height:normal; margin-bottom:20px;}

	.brands-logos ul li:nth-child(27){clear:both;}
	.sidebar-brands ul li{display: inline-block; vertical-align: top; width: 43%; margin: 0 3% 10px;}
	.sidebar-brands ul li:nth-child(2n+2) {margin-right: 0;}
	.sidebar-category ul li{display: inline-block; vertical-align: top; width: 43%; margin: 0 3% 10px;}
	.sidebar-category ul li:nth-child(2n+2) {margin-right: 0;}
	
	.herobanner{min-height:220px; overflow-x:hidden;}
	.herobanner img.fullimg{height:250px; width:auto; max-width:inherit;}
	.herobanner h1, .herobanner h2{font-size:20px; line-height:24px; margin-bottom:10px;}
	.herobanner p{font-size:16px; line-height:22px;}
	.banner-caption p{margin-bottom:15px;}
	
	
}