/* Media Queries
/* ----------------------------------- */

@media only screen and (min-width: 1024px) {
	#header .navbar-nav li > ul.dropdown-menu{display:none !important;}
	#header .navbar-nav li:hover > ul.dropdown-menu {display:block !important;}
#header .navbar-nav li:hover > ul.dropdown-menu li:hover ul{position:absolute; left:100%; top:0; display:block !important;}
#header li .menuIcon{display:none;}
	}


@media only screen and (max-width: 1200px) {
#header .navbar-nav > li{margin:0 10px;}
.innerBanner h1{font-size:42px;}
.innerBanner{min-height:auto;}
.whydothHList{justify-content:center;  flex-wrap:wrap;}
	 .whydothHList li{flex:0 0 20%; max-width:20%; margin-bottom:20px;}
}
@media only screen and (max-width: 1023px){
	.logoAndMenuRow .row > div{position:static;}
	.topRightLinks{top:3px;}
	.hedaerTopStrip .container{display:none;}
	.hedaerTopStrip{padding:2px 0;}
	.logoCenter{top:0;}
.navbar-header {float:none;}
.navbar-toggle {display:block;}
.navbar-collapse {margin:0; position:relative; left:0; width:100%; display:none;}
.navbar-nav {float: none!important;margin: 7.5px -15px;}
.navbar-nav>li {float: none; clear:both;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.navbar-text {float: none;margin: 15px 0;}
.homeIconMenu{text-indent:0; background:none; width:100%;}
    /* since 3.1.0 */
.navbar-collapse.collapse.in { display: block!important;}
.collapsing {overflow: hidden!important;}
.navbar-collapse.collapse.in { display: block!important;}
.collapsing {overflow: hidden!important;}
.navbar-toggle, .navbar-toggle:hover{width:32px; height:28px; margin:6px 0 0 0; background:url(../images/mob-menu-bg.png) left top no-repeat; min-width:auto !important; float:right; margin-top:7px; position:absolute; right:15px; top:32px; border:0 none; background-size:100% auto; z-index:111}
#header.headerFixed .navbar-toggle, #header.headerFixed  .navbar-toggle:hover{top:20px;}
		#header .navbar{padding:10px 0; margin:0;}
	.navbar-collapse{clear:both; float:none;}
	.dropdown-menu li {border-bottom:0 none}
	#header .navbar-nav > li > a{float:none;color:#000; padding:12px 15px 12px;}
	#header .navbar-nav{margin-bottom:0; background:rgba(255,255,255,0.95); margin:0; display:block;}
	#header .navbar-nav > li > a { border-bottom:1px solid rgba(0,0,0,0.30);  padding:5px 15px; background:none;  font-size:16px; }
	#header .nav > li > a:hover, #header .nav > li > a:focus {background-color:none; color:#ed1c24;}
	#header .navbar li .dropdown-menu{width:100%; z-index:2;}
	#header .navbar-nav  li a:hover, #header .navbar-nav  li.active a, #header .navbar-nav  li a:focus, #header .navbar-nav  li a:active{background:none; color:#000;}
	#header .navbar-nav > li > a::after{display:none;}
	#header .navbar-nav > li{display:block; width:100%; text-align:left;}
	#header .navbar-nav > li a{display:block;}
	#header .navbar-nav > li{margin:0;}
	#header .navbar-collapse{position:absolute; top:108%;}
	.menuWrap{ float:none;}
	.menuWrap{margin-top:0; border:0 none;}
	.navbar-brand > img{max-height:130px; margin-bottom:10px; width:auto; max-width:none;}
	.logoAndMenuRow .row > div{width:100%;}
	#slider .container{padding:0;}
    .aboutUs .leftImg{display:none;}
	.aboutContent {margin-left:0; flex:0 0 60%; max-width:60%;}
	 .aboutUs .col-md-3{flex:0 0 40%; max-width:40%;}
	 .contentSection{padding:40px 0;}
	 #banner .bannerCaption h2{font-size:45px;}
	 #banner .bannerCaption p br{display:none;}	
	 #banner #slider .swiper-slide{min-height:500px;}
	*[data-paroller-factor] {
    /*for all elements with background parallax effect*/
    background-position: top !important; 

    /*for all elements with foreground parallax effect*/
    transform: none !important;
  }
  .contentSection h2{font-size:32px;}
  .testimonailWrap{padding-right:0;}
	.testimonailWrap .gallery-thumbs{position:relative; top:0; left:0; padding:0 30px; max-width:400px; margin:40px auto 0; width:auto;}
.gallery-thumbs .swiper-button-prev{position:absolute; top:31px; left:-8px; transform:rotate(-90deg);} 
.gallery-thumbs .swiper-button-next{position: absolute;
top: 31px !important;
right: -8px;
transform: rotate(90deg);
left: auto;
bottom: auto;} 
.footerRow1{padding:40px 0;}
.mobileShow{display:block;}
.services .container > .row{display:none;}
.portfolioBoxWrap{display:none;}
.clutchReview  .container > .row{display:none;}
.blogBox {margin-bottom:25px;}
.blogBox img{max-width:none; width:100%; height:auto;}
.copyRightRow >div{text-align:center !important;}
.copyRightRow >div p{margin-bottom:10px;}
.clutchReviewSlider img{max-width:177px;}
.menuWrap .comonBtn{margin-right:60px; top:32px;}
.menuWrap{position:static;}
.innerBanner p.boldText{font-size:18px;}
.innerBanner h1{font-size:36px;}
	 .orgBoxWrap h2 span{font-size:32px;}
	 .orgBoxWrap .orgBox{padding:25px;}
	 .orgBoxWrap .orgBox h2 span, .orgBoxWrap .orgBox h2{font-size:32px;}
	 .orgBoxWrap .orgBox p{font-size:16px; line-height:22px;}
	 .whydothHList{justify-content:center; flex-wrap:wrap;}
	 .whydothHList li{flex:0 0 25%; max-width:25%; margin-bottom:20px;}
	 .navTabs li a span.tabIcon{left:20px; max-width:40px;}
	 .navTabs li a{padding-left:80px;}
	 .navTabs li a::before{left:80px;}
	}
@media only screen and (max-width:991px){
	#banner .bannerCaption h2{font-size:40px;}
	.weSimplifyProcess .row > div{margin-bottom:30px;}
	.weSimplifyProcess h3.titleImg::after{display:none;}
	.footer .container > .row > div{flex:0 0 100%; max-width:100%;}	
	.footer-form{position:static; margin-top:30px;}
	 .whydothHList li{flex:0 0 33.33333%; max-width:33.33333%; margin-bottom:20px;}
	 .navTabs{display:none;}
	 .tabAccTitle{display:block;}
	 .tabbingWrap .tabContent{padding:0;}
	 .tabbingWrap{border-radius:0; box-shadow:none; padding:0; background:none;} 
	 .tabAccTitle{position:relative; overflow:hidden;}
	 .tabAccTitle   span.tabIcon{left:20px; max-width:30px; position:absolute; top:50%; transform:translateY(-50%);}
	  .tabAccTitle a{padding-left:60px; font-size:26px; color:#666; font-weight:700; padding-top:15px; padding-bottom:15px; padding-right:25px; display:block; background:#fff; }
	  .tabAccTitle {border:1px solid #ccc; border-radius:20px; margin-bottom:20px;}
	  .tab-pane{background:#fff; padding:45px 20px; background:#fff; border-radius:0 0 20px 20px; margin-bottom:25px;}
	  .ourAproch::before{display:none;}
	  .tabAccTitle a:before{border-right:1px solid #333; border-bottom:1px solid #333; position:absolute; width:12px; height:12px; content:""; right:18px; top:50%; margin-top:-6px; transform:rotate(-45deg);transition:all 0.5s ease-out;}
.tabAccTitle.active a:before{border-right-color:#e3010f; border-bottom-color:#e3010f; transform:rotate(45deg);}
}
@media only screen and (max-width: 767px){
.bannerImgWrap{position:relative; left:0; bottom:0; margin-bottom:20px;}
#banner #slider .item{background:url(../images/mobille-banner-bg.jpg) 8% -50px no-repeat; background-size:cover;}
.prodcutsWrap .container > .row{display:none;}
.mobShow{display:block !important;}
.benefitsWrap{display:none;}
.bannerList li{font-size:14px; line-height:24px;}
.financeAvail{background:#fff; min-height:auto;}
.financeAvail .full-img{margin-bottom:20px;}
.videoWrap{margin-bottom:20px;}
.productFeature{height:auto; padding:15px; min-height:auto;}
.productFeature h3{height:60px; padding-left:70px; max-width:300px; margin-bottom:15px;}
.productFeature .featureIcon{width:57px; height:57px; top:15px; left:15px;}
.fiveColsRow > div{width:100%; float:none;}
.footerRow1 .fiveColsRow h3{width:100%; padding:15px 20px 15px 0; position:relative; margin-bottom:0; border-bottom:1px solid #bdbdbd;}
.footerRow1 .fiveColsRow h3:before{content:"+"; font-size:19px; color:#313131; line-height:23px; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.footerRow1 .fiveColsRow h3.active:before{content:"-";}
.footerRow1 .fiveColsRow ul, .footerRow1 .fiveColsRow .addressWrap{display:none;}
.addressWrap{padding-top:15px;}
.footerRow1 .fiveColsRow ul{margin-top:15px;}
.footerLogosRow{text-align:center; border-top:0 none; margin-top:0; padding-bottom:0;} 
.footerLogosRow .text-right{text-align:center !important; margin-top:10px; border-top:1px solid #bdbdbd; padding-top:10px;}
.footerRow2{padding:15px; text-align:center;}
.footerRow2 .socialIcons{display:block; text-align:center; margin-bottom:10px; margin-top:0; float:none;}
#banner .note a:after{display:inline-block; margin-left:5px; position:relative;}

.topRightLinks .userIcon, .topRightLinks .cartIcon{display:none;}
.shopNow{display:none;}
.aboutContent {margin-left:0; flex:0 0 100%; max-width:100%; margin-bottom:30px; padding-right:15px;}
	 .aboutUs .col-md-3{flex:0 0 100%; max-width:100%;}
	 .aboutUs .col-md-3 .row{margin-left:-15px; text-align:center;}
	 .getQuoteWrap{padding-right:0; text-align:center;}
	 .getfreeQuote .commonBtn{position:static; margin-top:20px;}
	 .getfreeQuote h3{font-size:34px;}
	 .clientsLogos{margin-top:0; padding-bottom:40px;}
	 .get-btn{text-align:center;}
	 .innerBanner .bannerImgWrap{display:none;}
	 .topRightLinks{top:0; width:100%; text-align:center; position:absolute; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.3); left:0;}
	 .logoAndMenuRow{padding-top:45px;}
	 .navbar-toggle, .navbar-toggle:hover{top:50px;}
	 .menuWrap .comonBtn{top:50px;}
	 .fixed .logoAndMenuRow{padding-top:0;}
	 .fixed .logoAndMenuRow .navbar-toggle, .fixed .logoAndMenuRow .navbar-toggle:hover{top:4px;}
	 .fixed .logoAndMenuRow .menuWrap .comonBtn{top:4px;}
	 .fixed#header .navbar-brand img{margin-bottom:0;}
	 .orgBoxWrap .orgBox{margin-left:0;}
	 .featureProject  .row > div {margin-bottom:20px;}
	 .workSlider{padding-left:0;}
	 .beforeAfterBox{text-align:center;}	
	   .beforeAfterBox > div {margin-bottom:20px;}
.orgBoxWrap {margin-bottom:30px;}
.tab-pane .row > div:first-child{margin-bottom:25px;}
.tabContent h3{font-size:18px; line-height:22px;}
.tabAccTitle a{font-size:22px;}
.featureProject h3{font-size:24px; line-height:1.2;}
#banner .bannerCaptionWrap{transform:translateY(-40%);}
}
@media only screen and (max-width:639px){
.whydothHList li{flex:0 0 50%; max-width:50%; margin-bottom:20px;}
.menuWrap .comonBtn{display:none;}
}
@media only screen and (max-width:567px){
.footer-form{padding:20px;}
.footerRow1{text-align:center;}
.footer-form form{text-align:left;}
.aboutUs .col-md-3 .row{display:flex;}
.aboutUs .col-md-3 .col-sm-6{max-width:50%; flex:0 0 50%;}
#banner .bannerCaption h2{font-size:34px;}
.userImg{margin-bottom:25px;}
.portfolioBox{height:auto;}
.portfolioBox  .col-6{flex:0 0 100%; max-width:100%;}
.portfolioImg{text-align:center;}
.testimonailTItle{margin-bottom:40px !important;}
.getfreeQuote h3{font-size:28px;}
}

@media only screen and (max-width:479px){
#banner .caption h1, #banner .bannerCaption h1{font-size:24px; line-height:1.4;}
.contentSection .welComeTxt h3{font-size:22px;}
.contentSection h2{font-size:26px;}
.benefitBox .benefitDesc{height:300px;}
#banner #slider .item{background-position:50% -30px;}
	}
@media only screen and (max-width:450px){
#header .logoTitle{font-size:24px; line-height:1.3; margin-bottom:0;}
#header .logoLine{font-size:10px;}
.topRightPart .topRightLinks a{width:40px; height:40px;}
.newsletterWrap h2{font-size:12px;}
.footer .footerLogoWrap a .logoTitle{font-size:20px;}
.footer .footerLogoWrap a .logoLine{font-size:10px;}
.whydothHList li{flex:0 0 100%; max-width:100%; margin-bottom:20px;}
}