/*
Qwilo - Multipurpose Responsive HTML5 Template
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/
/*****************
( Media Queries )
*******************/
/*---------------------------------------------------------------------
This Media Queries Only For App Screenshots Section
-----------------------------------------------------------------------*/
@media(max-width:1550px) { }
@media(max-width:1470px) { }
@media(max-width:1399px) {
.container-fluid { padding: 0 100px; }
.device-blog { bottom: -13%; width: 38%; }
}
@media(max-width:1199px) {
header .menu-list-items .container-fluid { padding: 0 40px !important; }
.mega-menu .menu-logo > li > a img { height: 50px; }
.mega-menu .menu-links>li>a { font-size: 14px; line-height: 32px; padding: 0 15px; }
.mega-menu .menu-sidebar > li > a { margin: 0 5px; font-size: 14px; }
.slideouticons label.mainlabel { height: 35px; width: 35px; font-size: 16px; }
.mega-menu .menu-sidebar > li.iq-share { margin-top: 28px; }
.slideouticons .iconswrapper ul li { height: 38px; width: 38px; font-size: 16px; }
.mega-menu.desktopTopFixed .menu-sidebar > li.iq-share { margin-top: 17px; }
.search__suggestion h3 { font-size: 26px; }
.mega-menu .drop-down-multilevel { max-width: 185px; }
.mega-menu.vertical-left .drop-down.grid-col-12, .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, .mega-menu.vertical-right .drop-down.grid-col-12, .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 720px; }
.container-fluid { padding: 0 60px; }
.mega-menu.desktopTopFixed .menu-links>li { margin-right: 0px; }
.iq-coming .big-text { font-size: 52px; }
.iq-coming #countdown li { margin: 0 8px; }
.iq-coming .iq-subscribe .form-group { width: 100%; margin-bottom: 30px; }
.iq-coming .iq-subscribe .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.iq-coming .button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
}
@media(max-width:1024px) {
.container-fluid { padding: 0 50px; }
.device-blog { bottom: -10%; width: 50%; left: -10%; }
.iq-full-contact .iq-pl-150 { padding-left: 50px; padding-bottom: 50px; }
.iq-full-contact .iq-pl-100 { padding-left: 50px; padding-bottom: 50px; }
}
@media(max-width:992px) {
.iq-coming #countdown li { margin: 0 20px; }
.iq-coming .big-text { font-size: 60px; }
.header-01.dark .topbar { display: none; }
.mega-menu .menu-logo>li, .mega-menu .menu-logo>li>a { float: left; }
header .menu-list-items .container-fluid, .header-01 .container-fluid { padding: 0 15px; }
.mega-menu .menu-mobile-collapse-trigger, .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
.mega-menu .menu-mobile-collapse-trigger:before, .mega-menu .menu-mobile-collapse-trigger:after, .mega-menu .menu-mobile-collapse-trigger span { height: 2px; width: 26px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.mega-menu .menu-mobile-collapse-trigger { width: 25px; height: 40px; top: -3px; top: 10px; right: 15px; }
.mega-menu .menu-logo, .mega-menu.desktopTopFixed .menu-logo { margin: 15px 0; }
.mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(46deg); -ms-transform: rotate(46deg); transform: rotate(46deg); }
.mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-46deg); -ms-transform: rotate(-46deg); transform: rotate(-46deg); }
.mega-menu .menu-sidebar:before { display: none; }
.mega-menu .menu-sidebar > li { line-height: 40px; }
.mega-menu .menu-sidebar > li.iq-share { margin-top: 3px; margin-left: 5px; }
.mega-menu .menu-sidebar { position: absolute; top: 15px; right: 50px; }
.mega-menu .menu-logo > li > a img, .header-03 .mega-menu .menu-logo > li > a img, .header-04 .logo img { height: 40px; }
.mega-menu .menu-links>li { line-height: 40px; border-bottom: 1px solid #e8e8e8; background: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); }
.mega-menu .menu-links>li.active>a:before, .mega-menu .menu-links>li:hover>a:before { display: none; }
.mega-menu .menu-links>li.active>a { color: #ffffff; background: #f5a624; }
.mega-menu .menu-links>li:hover>a { color: #f5a624 }
.mega-menu .menu-links>li.active:hover>a { color: #ffffff; }
.mega-menu .menu-links { position: absolute; top: 70px; left: 0; display: inline-block; width: 100%; padding: 0 15px; }
.mega-menu .menu-links>li>a { display: block; }
.mega-menu .mobileTriggerButton:before { position: absolute; right: 15px; top: 0; font-family: FontAwesome; content: "\f107"; font-size: 20px; z-index: 99; }
.mega-menu .mobileTriggerButton { z-index: 99; }
.mega-menu .menu-links>li>a { line-height: 44px; color: #222222; }
.mega-menu .drop-down, .mega-menu .drop-down-tab-bar { padding: 0; }
.mega-menu .drop-down ul, .mega-menu .drop-down ol, .mega-menu .drop-down dl, .mega-menu .drop-down-tab-bar ul, .mega-menu .drop-down-tab-bar ol, .mega-menu .drop-down-tab-bar dl { margin-bottom: 0; }
.mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a { font-size: 14px; padding: 10px 0; display: inline-block; width: 100%; }
.mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border: none; }
.mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { box-shadow: none; }
.mega-menu .drop-down, .mega-menu .drop-down-tab-bar { padding: 0; }
.mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a { font-size: 13px; }
.mega-menu .drop-down-multilevel a .mobileTriggerButton:before { display: none; }
.mega-menu .drop-down-multilevel a { padding: 10px 15px; min-height: auto; }
.mega-menu .drop-down-multilevel i.fa.fa-indicator { height: 40px; line-height: 40px; }
.mega-menu .drop-down-multilevel * { color: #666666; }
.mega-menu .drop-down-multilevel .drop-down-multilevel { border: 1px solid #eeeeee; }
.search__suggestion h3 { font-size: 24px; }
.mega-menu .menu-logo>li>a:hover, .mega-menu .menu-links>li.active, .mega-menu .menu-links>li:hover { background: #ffffff; }
header.white .mega-menu .menu-mobile-collapse-trigger:before, header.white .mega-menu .menu-mobile-collapse-trigger:after, header.white .mega-menu .menu-mobile-collapse-trigger span { background: #222; }
.mega-menu .menu-links>li.active, .mega-menu .menu-links>li:hover { background: #f5a624; }
.mega-menu.vertical-right .menu-links, .mega-menu.vertical-left .menu-links { display: inline-block !important; background: none; padding: 0; }
.mega-menu.vertical-right .menu-links>li>a, .mega-menu.vertical-left .menu-links>li>a { color: #ffffff; }
.mega-menu.vertical-right .menu-links>li, .mega-menu.vertical-left .menu-links>li { border-bottom: 1px solid #333333; background: none; }
.header-01 .mega-menu>section.menu-list-items { background: rgba(34, 34, 34, 0.9); }
.mega-menu .menu-links>li.hoverTrigger.activeTriggerMobile>a { color: #ffffff; }
.header-01.sidebar-img .mega-menu.vertical-right .menu-links>li, .header-01.sidebar-img .mega-menu.vertical-left .menu-links>li { border-bottom: 1px solid rgba(51, 51, 51, 0.4); background: none; }
.header-01.white .sidebar-menu .mega-menu.vertical-right .menu-links>li, .header-01.white .sidebar-menu .mega-menu.vertical-left .menu-links>li { border-bottom: 1px solid #eeeeee; box-shadow: none; background: none; }
.header-01 .sidebar-menu.sidebar-open { padding-top: 30px; }
.header-01 .hoverTrigger i { display: none; }
.header-01 .logo img { height: 40px; }
.header-01 .sider-bt svg { height: 46px; }
.header-01 .menu-sidebar a#btn-search { font-size: 16px; margin-top: 10px; }
.header-01 .mega-menu .drop-down [class*="grid-col-"] { padding: 0 10px; }
.header-01 .menu-sidebar { top: 0; }
.heading-title p { padding: 0 30px; }
.device-blog img { display: none; }
.iq-form { padding: 0; margin-top: 50px; }
#home { margin-top: 0; }
.iq-full-contact .iq-pl-100 { padding-left: 50px; padding-right: 50px; padding-bottom: 50px; }
.iq-breadcrumb h2 { text-align: center; }
.iq-breadcrumb nav.text-right { text-align: center !important; margin-top: 20px; }
.iq-full-contact .iq-pl-150 { padding-left: 50px; padding-right: 50px; padding-bottom: 50px; }
}
@media(max-width:768px) {
.header-01 .menu-sidebar { position: absolute; right: 15px; top: 0; }
.iq-footer .iq-copyright { text-align: center; }
.iq-footer .iq-media-blog { text-align: center; margin-top: 15px; }
.iq-breadcrumb h2 { text-align: center; }
.iq-breadcrumb nav.text-right { text-align: center !important; margin-top: 20px; }
.iq-action-blog .iq-re-4-mt30 { float: left; margin-top: 30px; }
.iq-coming #countdown li span { font-size: 40px; }
}
@media(max-width:600px) {
.iq-clients-box ul li { width: 50%; }
.iq-coming #countdown li { margin: 0 15px; }
.iq-coming #countdown { text-align: left; }
}
@media(max-width:575px) {
.header-01 .menu-sidebar { top: -40px; }
.heading-title p { padding: 0; }
.iq-pos-r.iq-plr-30 { padding: 0 !important; }
.iq-coming #countdown li { margin: 0 50px; }
.iq-coming .big-text { font-size: 50px; }
}
@media(max-width:479px) {
.iq-footer .iq-contact-box .iq-icon { height: 60px; width: 60px; line-height: 60px; }
.iq-footer .iq-media-blog li a { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
.container-fluid { padding: 0 30px; }
.iq-blog.blog-detail .media { display: inline-block; }
.iq-blog.blog-detail .media .media-body { margin-top: 15px; }
.iq-comment-list .iq-comments-media img { width: 70%; margin-top: 25px; }
.iq-coming #countdown li { margin: 0 10px; }
}