/* MEDIA QUERIES */

/* Designquill Defaults */



@media screen and (max-width: 1280px) {
.introLogoDQ { margin: 4% auto; transition: all 0.3s ease-out; }
}

@media screen and (max-width: 1024px) {
header { background-size: cover !important; background-color: #000; height: auto; }
.introLogoDQ { margin: 4% auto; transition: all 0.3s ease-out; }
.hf12.introHFslide .hf8 { width: 85%; }
}

@media screen and (max-width: 800px) {
nav .hf4 { width: 100%; }
header { height: 100%; }
.hf8, article { width: 100%; }
.hf4, aside { width: 100%; margin-left: 0; }
#container, .inner { width: 90%; padding: 0 5% 0 5%; }
.hf12.introHFslide .hf8 { width: 100%; transition: all 0.3s ease-out; }
.HF-quote-btn, .innerReqQuote, .sbmtBtn { width: 45%; }
.introLogoDQ { margin: 5% auto; transition: all 0.3s ease-out; }
header { position: relative; }
header.hf12 .scrollDownIconcf { position: absolute; bottom: 5%; width: 90%; }
.DQ-Quote-Form input { width: 31.95%; margin-left: 1.3%; }
.DQ-Quote-Form input:first-child, .DQ-Quote-Form input.inputURL { margin-left: 0; }
.DQ-Quote-Form input.inputURL { width: 99.5%; }
#mainNav { width: 35%; right: 5%; }
.col-7,.col-5{ width:100%;}
.col-3 { width: 100%;}
.bx-viewport{height:auto !important;}
.hf12.introHFslide .hf8 .hf5{width: 100%;}
.introActIcon, .introHFIcon{height:auto !important;}
footer{margin-top: 20px;}
footer ul li{display: inline-block;float: initial;}
footer ul{text-align: center;}
.team-intro-warp:after{left:0;}
}

@media screen and (max-width: 640px) {
.hf12.introHFslide .hf8 { width: 100%; transition: all 0.3s ease-out; display: table; }
.introLogoDQ { margin: 5% auto; transition: all 0.3s ease-out; }
.introLogoDQ img { width: 25%; transition: all 0.3s ease-out; }
.introIconWrap.col { margin-left: 1.5%; transition: all 0.3s ease-out; }
.HF-quote-btn, .innerReqQuote, .sbmtBtn { width: 58%; }
.aboutTxtWrap { top: auto; }
.featureServiceWrap { display: block; }
.featureServiceWrap .webService { width: auto; border-left: 0 none; border-right: 0 none; }
.introAbout .uk-overlay-panel, .contactInnerBG .uk-overlay-panel { padding: 20px; }
#mainNav { width: 45%; right: 0%; }
#headerInner #mainNav { right: 5%; }
header.hf12 { height: auto; }
header.hf12 .scrollDownIconcf { position: relative; width: 100%; }
.bx-wrapper .bx-pager { padding-top: 5px; }
#DQ-Quote .uk-modal-dialog { margin-top : 80px; padding: 15px; }
#DQ-Quote h1 { margin: 0 auto; }
.DQ-Quote-Form .uk-overflow-container { margin-bottom: 10px; }
.uk-modal { transition: all 0.1s ease; }
.col-7,.col-5{ width:100%;}
.col-3 { width: 100%;}
.bx-viewport{height:auto !important;}
}

@media screen and (max-width: 480px) {
nav ul li { width: 100%; margin: 0 0 5px 0; }
header.hf12 { background: url(../media/images/DQbg-mob.jpg) repeat-y; background-size: 130% !important; background-color: #000000; }
.portWrap { display: none; }
.portWrap.portMobWrap { display: block; }
.introFeatureSlideNav li { margin-top: 0px; }
.DqVersion { padding-top: 2px; }
nav a { margin: 0; padding: 14px 0 14px 0; }
.hf12.introHFslide .hf8 .hf4 { padding: 0px; }
.introLogoDQ { margin: 5% auto; }
#morpHF { border: 0px; text-align: justify; height: auto !important; }
#mainNav { width: 100%; }
#headerInner #mainNav { width: 90%; }
.hf12.introHFslide .hf8, .hf12.introHFslide .hf8 .hf4 { width: 100%; margin-left: 0px; }
.uk-slideshow.headerFeatureSlide { min-height: 300px; }
.introLogoDQ img { width: 35%; }
.headerFeatureSlide .HF-quote-btn { display: none; }
.introFeatureSlideNav { margin: 2px auto; }
.introAbout .uk-overlay-panel .aboutTxtWrap { display: none; }
.introAbout { height: 180px; }
.mobAboutDQ .aboutTxtWrap { top: 0; }
.mobAboutDQ { display: block; visibility: visible; opacity: 1; }
.featureServiceWrap { display: inline-block; }
.webService:first-child, .webService:last-child { border-color: #bebebe; }
.webService:first-child { border-bottom: 0px; }
.webService.hf4 { width: auto; display: block; }
.introAbout h1, .introServices h1, .contactInnerBG h1 { font-size: 25px; }
.HF-quote-btn, .innerReqQuote, .sbmtBtn { max-width: 75%; width: auto; }
.introAbout .uk-overlay-panel, .contactInnerBG .uk-overlay-panel { padding: 20px; }
.contactInnerBG .aboutTxtWrap .hf6, .contactInnerBG .socialIcons ul { width: 100%; margin: 0px auto; transition: all 0.3s ease-in; }
.contactInnerBG .socialIcons.col { margin-top: 20px; }
.contactInnerBG .socialIcons ul li, .DQ-Quote-Form section { display: inline-block; }
.contactInnerBG { height: 700px; }
.socialIcons, .contactInnerBG .socialIcons, .contactInnerBG .socialIcons p { text-align: center; }
footer ul li { padding: 3px 10px; }
.DQ-Quote-Form div { margin-right: 3px; }
#portDQ .uk-modal-dialog-large { width: 90%; padding: 10px; }
.dqWideLogo img { width: 80%; }
#headerInner .hf3.col { margin-top: 12px; }
.hdrinnrWrap .uk-sticky-placeholder { height: 66px !important; }
ul.introFeatureSlideNav { margin: 0 auto !important; }
.introIconWrap ul li { width: 24%; }
.DQ-Quote-Form input { width: 99.9%; margin-left: 0; }
.DQ-Quote-Form input:first-child, .DQ-Quote-Form input.inputURL { margin-left: 0; }
.DQ-Quote-Form input.inputURL { width: 99.9%; }
.uk-overflow-container { max-height: 230px; }
.col-7,.col-5{ width:100%;}
.col-3 { width: 100%;}
.bx-viewport{height:auto !important;}
}

/* Custom Breakpoints */

@media screen and (max-height: 360px) {
.hdrinnrWrap .uk-sticky-placeholder .uk-active { position: relative !important; }
header.hf12 { height: auto; }
.col-7,.col-5{ width:100%;}
.col-3 { width: 100%;}
.bx-viewport{height:auto !important;}
}
/* Micro Clearfix */

/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { *zoom:1;
}