@media all and (min-width: 100px) and (max-width: 1020px){
.safeArea{padding:0 15px;}
.mainMenuHolder ul li a{padding:30px 15px;}
.flex-active-slide .sliderCaptionHolder{left:15px;}
.mainSliderHolder .flexslider .slides > li{height:400px;}
.captionTitle{font-size:25px;}
.captionText{font-size:15px;}
.quickLinks{top:290px;}
}

@media all and (min-width: 100px) and (max-width: 750px){
.mapHolder{height:240px; background-position:center center;}
.overviewBlock .textSide::before, .visionBlock .textSide::before{display:none !important;}
.subpageBanner{height:150px;}
.logoHolder{ width:180px; margin:0 auto; float:left; padding:10px 0;}
.logoHolder img{max-width:100%;}
.respBtn{position:absolute; right:20px; top:20px; background-image:url(../images/resp-menu.svg); width:18px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:100% auto; z-index:6;}
.mainMenuHolder ul{position:absolute; top:-50px; left:0; width:100%; background-color:#003363; z-index:5; padding-top:60px; padding-bottom:20px; opacity:0; visibility:hidden;}
.mainMenuHolder ul li{width:100%; float:none; text-align:center;}
.mainMenuHolder ul li a:hover::after, .mainMenuHolder ul li.selected a::after{display:none;}
.mainMenuHolder ul li a{padding:20px 15px; color:#fff;}
.menuOpen .respBtn{background-image:url(../images/menu-close.svg);}
.menuOpen .mainMenuHolder ul{opacity:1; visibility:visible; top:0;}
.mainSliderHolder .flexslider .slides > li{height:240px;}
.sliderCaptionHolder{padding:10px; width:85%; box-sizing:border-box;}
.captionTitle{font-size:15px; margin-bottom:30px;}
.captionTitle:after{bottom:-15px;}
.captionText{font-size: 18px; line-height: 25px;}
.hpBlock{padding:20px 0;}
.hpBlock h2{font-size:22px;}
.mainBtn a{font-size:12px; width:100%; box-sizing:border-box;}
.leftBlock, .rightBlock{width:100%; float:none; margin-right:0;}
.formRow textarea{height:200px;}
.hpContentBlock{font-size:12px;}
.serviceTitle{font-size:14px;}
.quickLinks{position:relative; right:auto; top:auto;}
.linksBtns{display:none;}
.QLContent{width:100%; box-sizing:border-box; background-color:#004476;}
.contactForm{display:none;}
.desdev{float:left;}
.cp{margin-bottom:10px;}
.fbIcon{position:relative; right:-10px; top:8px;}
.contactBlock h2{position:relative; margin-bottom:0;}

.contactForm{margin-top:20px;}
.hpOverview{background-image:none; background-color:#f2f2f2;}
.hpOverview .hpContentBlock, .hpOverview h2{color:#4d4d4d;}
.hpOverview h2:after{background-color:#4d4d4d;}
.hpOverview:after{display:none;}
.aboutBlock{width:100%;}
.aboutBlock:before{display:none;}
.textSide:before{display:none;}
.textSide:after{display:none;}
.subpageContainer{padding:20px 0 !important;}
.titleSide{font-size:15px; padding:15px 10px; text-align:left; background-color:#f1f2f2; color:#333333; font-weight:300; text-transform:uppercase;}
.textSide{padding:15px 10px; font-size:12px; color:#4d4d4d; text-align:center; background-color:transparent; display:none;}
.pageTitle h1{font-size:18px;}
.titleSide h2{font-size:16px !important; position:relative;}
.titleSide h2:after{content:"+"; position:absolute; right:0; left:auto; top:-6px; bottom:auto; width:30px; height:30px; display:block; margin-left:0; font-size:30px; color:#333333; text-align:center; line-height:30px;}
.aboutBlockList{margin-bottom:15px;}
.QLLinksAbout{display:block;}
.QLLinksAbout ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f2f2f2}
.QLLinksAbout ul li a {
    background-image: url(../images/arrow-right-link.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 6px auto;
    color: #4d4d4d;
    display: block;
	text-align:left;
    font-size: 12px;
}
.titleSide{width:auto; float:none !important;}
.active .titleSide h2:after{content:"-"; color:#fff;}
.contactBlock h2.active:after{content:"-";}
.active .titleSide{background-color:#003363}
.active .titleSide h2{color:#fff;}
.QLLinksAbout{margin-bottom:0;}
.contactInfo ul li{margin-right:0; display:block; padding:5px 50px; margin-bottom:20px;}
.contactInfo ul li:after{top:6px;}
.mapImg{display:none;}
.mapBtn a{display:inline-block; width:auto;}
.contactInfo{margin-bottom:25px;}
.mapBtn{position:static; transform:translate(0); -moz-transform:translate(0); -webkit-transform:translate(0);}
.galList ul li{padding:0;}
.pageBody h2, .galList ul li h2{font-size:15px; margin-bottom:10px;}
.galList ul li{margin-bottom:25px;}
.loadMore a{padding:15px 0;}
.galList ul li:nth-child(2n){background-color:transparent;}
.addressText{font-size:12px;}
.leftMenu{width:100%; margin-right:0; float:none;}
.pageBody{width:100%; float:none;}
.leftMenu ul{display:none;}
.prodList li .prodDesc .prodTitle{font-size:12px;}
.prodList li .prodDesc .prodText{font-size:10px; margin-top:5px;}
.prodList li{margin-bottom:10px; padding-bottom:10px;}
.leftMenu{margin-bottom:15px;}
.leftMenu a:hover{color: #4d4d4d;background-color: #f2f2f2;}
.leftMenu a.active:hover{color: #fff;background-color: #004476;}
.leftMenuDD{display:block; padding:15px 10px; background-color:#003363; color:#fff; font-size:14px; position:relative;}
.leftMenuDD:after{content:""; position:absolute; right:13px; top:25px; border-left:7px solid rgba(0,0,0,0); border-right:7px solid rgba(0,0,0,0);  border-top:7px solid rgba(0,0,0,1);}
.leftMenuDD.active:after, .leftMenuDD.active:hover:after{transform:rotate(180deg); border-top:7px solid rgba(255,255,255,1);}
.backBtn{float:none; margin-top:15px;}
.backBtn a{display:block; text-align:center; padding:10px 0;}
.breadCrumbs{padding-top:0;}
.pageTop{margin-bottom:20px;}
.formRow {
	width: 100%;
	float: none;
	margin-right: 0;
}
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: -15px;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: -15px;
}
.brandsList li {
	display: inline-block;
	text-align: center;
	width: 40%;
	margin-right: 16%;
	max-width: inherit;
	margin-bottom: 20px;
}
.brandsList li:nth-child(2n){margin-right:0;}
.leftMenuDD{display:block !important;}
.tabsLinks {
	display: none;
}

}