/*------------------------------------------
    1186px to 1024px
------------------------------------------*/
/*@media only screen and (min-width: 1024px) and (max-width: 1186px){
    

}*/

@media all and (min-width : 1399px){
	
.hserviceBlue {
    
    min-height: none;
  
}	
}

@media all and (max-width : 1399px){
.w1370{ max-width:100%;}

.blog .rhtPnl{ width:26%;}




.menuOuter nav ul {
    display: block;
    
    height: auto;
  
}
.menuOuter nav ul li a{ padding:0 35px;}


.menu-main-navigation-container{display:block;}

.hserviceBlue {
    
    min-height: none;
  
}



}


@media all and (max-width : 1340px){
	
.menuOuter nav ul li a{ padding:0 32px;}

.hserviceBlueInr {
    padding: 60px 10%;
}
	
	
}

@media all and (max-width : 1279px){
.w1280{ max-width:100%; padding:0 25px;}

.menuInner{ width:auto; position:relative;}

.indvdlPost:hover .overLay{ left:30px; right:30px;}


}

@media all and (max-width : 1199px){

.w1200{max-width:100%; padding:0 25px;}	
.mainCont{ padding:55px 25px;}

.hlogo{ width:60%;}
.hlogo a{ width:100%;}
.logonInfo{ padding:75px 5%; height:560px;}
.hserviceBlueInr{ padding:60px 10% 30px;}
.hserviceSec{ margin:-225px 0 75px;}
.bannerInfo{ font-size:24px; line-height:28px;}

.lftPnl{ max-width:none; width:64%;}
.rhtPnl{ max-width:none; width:32%;}

.sidebar .subsCribe h3{ font-size:24px;}
.sidebar .subsCribe p{ font-size:16px;}

.indvdlPost:hover .overLay{ left:15px; right:15px;}	

}

@media all and (max-width : 1099px){

.w1100, .w1060{max-width:100%; padding:0 25px;}
.getInTouchInner{ padding:0; margin:0 25px;}

.blog .lftPnl{ width:72%;}
.blog .rhtPnl{ width:28%;}


.hblogCont{ padding:25px 45px;}	
.hblogCont h3{ font-size:19px;}
.hblogCont p{ font-size:14px; line-height:18px;}
.hblogCont footer, .hblogCont footer a{ font-size:14px;}
.indvdlPost .moreBtn{ width:200px;}	
.indvdlPost:hover .overLay{ left:28px; right:28px; top:200px;}	

}


/*------------------------------------------
    max 1024
------------------------------------------*/
@media all and (max-width : 1024px){
	
.getInTouch, .hBanner, .sBanner, .Banner{ background-attachment:scroll;}

.half {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 100%;
}



}

/*------------------------------------------
    max 1024
------------------------------------------*/

/*------------------------------------------
    max 870
------------------------------------------*/
@media all and (max-width : 999px){
	
html, body{ font-size:16px; line-height:20px;}


	
.w1000{max-width:100%; padding:0 20px;}	

h1, .blogSingle h1, .topSevceSec h1, .hserviceBlue h1{ font-size:35px; line-height:39px;}
h2{ font-size:25px; line-height:28px;}
h3{ font-size:18px; line-height:22px;}
blockquote{ font-size:18px; line-height:22px;}

.hBanner{ height:auto;}
.sBanner{ height:785px;}
.servcBanner{ height:785px;}
.hBannerInnr{ padding:35px 0;}
.bannerInfo{ text-align:center;}
.logonInfo{ width:75%; height:auto; margin:0 auto; padding:50px;}
.hserviceSec{ margin:0 0 75px;}
.hserviceSec h2{ width:auto; float:none; padding-left:25px;}
.hlogo{ margin:0 auto 25px;}
.hserviceBlueInr{ padding:40px 25px;}

.hserviceBlue, .hserviceList{ float:left; width:auto;}

.blog .lftPnl{ width:68%;}
.blog .rhtPnl{ width:32%;}
.sidebar h3{ font-size:20px; margin-bottom:30px;}
.catnArchveSec{ padding:25px 25px 120px;}
.sidebar .subsCribe{ padding:25px;}
.sidebar .subsCribe h3{ font-size:22px;}

.newsLettr{ padding:45px 0;}
.assesMnt, .nwsltrForm{ width:47%;}
.assesMnt h2{ font-size:24px; line-height:32px;}
.assesMnt p{ font-size:18px; line-height:24px;}
 
.ltstBlog{ height:auto;}
.ltstBlog:after{clear:both; font-size:0; line-height:0; display:block; content:""; overflow:hidden;}
.indvdlPost, .blog .lftPnl .indvdlPost{ width:50%;}
.indvdlPost .moreBtn{ width:250px;}
.indvdlPost:hover .overLay{ left:17.5%; right:17.5%;}
.hblogCont{ padding:20px 25px;}	

.getInTouch{ height:auto;}
.contactForm{ padding:30px 50px;}
.contactForm .address{ width:35%; font-size:16px; line-height:20px; margin-top:30px;}


.blog .lftPnl .indvdlPost{ height:400px;}
.blog .lftPnl .indvdlPost:hover .overLay{ left:15px; right:15px; top:130px;}
.blog .lftPnl .indvdlPost .moreBtn{ width:200px;}

.topSevceSecInner{ padding:0 6%;}
/*.bxListhingItemsInr{ padding:0 3%;}*/
.bxListhingItems ul li h2{ font-size:21px; line-height:24px;}
/*.bxblock{ left:50%; top:46%; transform:translate(-50%, -46%);}*/

.serviceSec{margin:-680px 0 75px;}


.hserviceBlue {
    
    min-height: 395px;
  
}


}


@media all and (max-width : 900px){
.menuOuter nav{ display:none;}

.mobile-menu{display:block;}

.menu-main-navigation-container{background:rgba(0, 0, 0, 0.6); padding:20px; box-sizing:border-box;  position: absolute;
    z-index: 9999; width:100%; left: 0; top: 60px; padding: 20px 0;}
	
	.menuOuter nav {
    float: left;
    width: 100%;
}
	
.menuOuter nav ul li{display:block; width:100%; padding: 0 20px;}
	


.menuInner {
    position: relative;
    width: 100%;
}

.menuOuter .menuInner {
    position: relative;
    top: 0px;
    width: 100%;
}

.submenutop{ margin-top: -60px;}

.menuOuter nav ul li a {
    color: #fff;
	font-size:20px;
	font-weight:bold;
    padding: 0 30px;
	text-align:left;
	width:100%;
}


.menuOuter nav ul li {
    border-left:0px;
    
}



.lftPnl {
    max-width: none;
    width: 75%;
}



.current-menu-item {
    background: #4fbb8d;
}
.menuOuter nav ul li a:hover, .menuOuter nav ul li.current a {
    background-color: #4fbb8d;
}

}



@media all and (max-width : 767px){

.mainCont{ padding:40px 25px;}

.hserviceList ul li{ float:none; width:auto;}
.hserviceList ul li div{ padding:30px 0; border-top:1px solid #4f9c80; border-bottom:none;}
.hserviceList ul li:first-child div{ border-top:none; padding-top:0; padding-left:0;}
.hserviceList ul li:nth-last-of-type(1) div, .hserviceList ul li:nth-last-of-type(2) div{ padding:30px 0;}
.hserviceList ul li:nth-last-of-type(1) div{ padding-bottom:0;}
.hserviceList ul li:nth-of-type(2n) div{ border-left:none; padding-left:0; padding-right:0;}
.hserviceList ul li:nth-of-type(2n+1) div{padding-right:0;}
.hserviceList ul li h3 span{ display:inline-block;}

.lftPnl, .rhtPnl{ width:auto; float:none;}
.lftPnl{ margin-bottom:50px;}
.fgrSet figure{ text-align:center;}

.blog .lftPnl, .blog .rhtPnl{ width:auto; float:none;}
.blog .lftPnl{ margin-bottom:0;}
.blog .lftPnl .indvdlPost:hover .overLay{ left:25px; right:25px;}
.blog .lftPnl .indvdlPost .moreBtn{ width:250px;}
.catnArchveSec{ margin-top:0; padding:25px;}
.catnArchveSec:before{ display:none;}
.blog h1{ padding-left:25px;}
.blogSingle{ padding:45px 25px;}
.blogSingle h1{ padding-left:0;}
.sidebar h3{ padding:0 0 20px;}
.sidebar ul{ padding:0;}

.assesMnt, .nwsltrForm{ float:none; width:100%;}
.assesMnt{ margin-bottom:30px;}

.indvdlPost:hover .overLay{ left:25px; right:25px;}

.contactForm .address, .contactForm .formSection{ width:auto; float:none;}
.contactForm .address{ margin:0 0 30px;}

.topSevceSec{ width:95%;}
.topSevceSecInner{ padding:0 5%;}
.bxListhingItems{ border-top-right-radius:0; border-bottom-right-radius:50px;}
.bxListhingItemsInr{ padding:0 5%;}
.bxListhingItems ul li{ float:none; width:auto;}
.bxListhingItems ul li div{padding:30px 0; border-top:1px solid #4f9c80; border-bottom:none;}
.bxListhingItems ul li:first-child div{ border-top:none; padding-top:0;}
.bxListhingItems ul li:nth-last-of-type(1) div, .bxListhingItems ul li:nth-last-of-type(2) div{ padding:30px 0;}
.bxListhingItems ul li:nth-last-of-type(1) div{ padding-bottom:0;}
.bxListhingItems ul li:nth-of-type(2n) div{ border-left:none; padding-left:0; padding-right:0;}
.bxListhingItems ul li:nth-of-type(2n+1) div{padding-right:0;}

.bxblock{ display:none;}

.hserviceBlue .findOutBtn {
   
    float: none;
   
}


.half {

    width: 100%;
}


.rightPanl {
    float: right;
    width: 100%;
}


.menuOuter nav ul li a:hover, .menuOuter nav ul li.current a {
    background-color: #4fbb8d;
}



/*.shareIcon {
    
    margin-top: -61px;
   
}

.mobile-menu {
   
    margin-right: 40px;
    margin-top: -60px;
  
}


.page-id-7 .shareIcon {
    
    margin-top: -61px;
   
}

.page-id-7 .mobile-menu {
   
    margin-right: 40px;
    margin-top: -60px;
  
}

.page-id-7 .menuOuter nav {
    float: left;
    margin-top: -60px;
    width: 100%;
}*/

}


@media all and (max-width : 599px){

html, body{ font-size:15px; line-height:19px;}

h1, .blogSingle h1, .topSevceSec h1, .hserviceBlue h1{ font-size:30px; line-height:35px;}
h2{ font-size:23px; line-height:26px;}
h3{ font-size:16px; line-height:20px;}
blockquote{ padding:10px 35px 10px 30px;}

.logonInfo{ width:90%;}
.bannerInfo{ font-size:20px; line-height:25px;}

.indvdlPost, .blog .lftPnl .indvdlPost{ width:100%; float:none;}
.indvdlPost:hover .overLay, .blog .lftPnl .indvdlPost:hover .overLay{ left:23%; right:23%;}

.getInTouch h2{ font-size:25px; padding:0 25px;}
.blogHdr h2{ font-size:25px;}
.contactForm{ padding:30px;}
.formSection input[type="text"], .formSection input[type="email"], .formSection input[type="tel"], .formSection textarea{ font-size:14px;}

.serviceSec{margin:-680px 0 75px;}
.hserviceSec{ margin:0 0 60px;}



}


@media all and (max-width : 480px){

blockquote{ padding:10px 25px 10px 30px;}

.logonInfo{ padding:25px;}
.bannerInfo{ font-size:18px; line-height:24px;}

.hserviceList ul li h3{ font-size:20px; line-height:24px;}
.hserviceList ul li h3 span{ font-size:17px; margin: 0 0px; display:inline;}

.fgrSet figure figcaption{ font-size:14px;}

.nwsltrForm form input[type="submit"], .sidebar .subsCribe form input[type="submit"]{ width:100%;}

.indvdlPost:hover .overLay, .blog .lftPnl .indvdlPost:hover .overLay{ left:35px; right:35px;}

.getInTouch h2, .blogHdr h2{ font-size:23px;}
.contactForm .address{ font-size:15px; line-height:18px;}
.formSection input[type="text"], .formSection input[type="tel"]{ width:100%; float:none;}
.formSection input[type="text"]{ margin-bottom:20px;}
.formSection input[type="submit"]{ display:block; width:100%; float:none;}

.footBottom{ text-align:center; height:auto; line-height:25px; padding:15px 0;}
.footBottom p{ display:block;}
.footBottom p:last-child{ float:none;}

.Banner {
   
    height: 260px;
}

/*.findOutBtn{ width:100%;}*/
	
}


@media screen and (max-width:1024px){


 /* Retina-specific stuff here only for ipad and iphone */
 
  @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  /* Retina-specific stuff here */

} 

.getInTouch { background-attachment: scroll !important; position: static !important; background-position:right center !important; }	

}