/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1680px) {
	.headCall { padding-right: 3rem;}
	.headBtn{padding: 0 3rem;}

}
@media only screen and (max-width: 1680px) {
	.menuMain{padding-left: 0;}
	.nevbar ul li { padding: 0 1%; font-size: 1.035rem;}
	.bottemHed{padding-right: 12px;}
	.headLeft{width: 18%;}
	.headRight{width: 82%;}
	.callBtn{padding-left: 2.75rem;}
	.callBtn span{font-size: 0.875rem;}
	.callBtn .phoneNumber{font-size: 1.275rem;}
	.headBtn .btn{min-width: 0; font-size: 1rem;}
}

@media only screen and (max-width: 1440px) {
.headLeft{width: 25%;}
.bottemHed{justify-content: end;}
.bottemHed .flex-grow-1{flex-grow: 0 !important;order: 2;    border-left: 1px solid #d1e3e5;}
.menuMain{padding-top: 1.1875rem; padding-bottom: 1.1875rem;}
.nevbar ul li a:before{display: none;}
.menuIcon {display: inline-block; margin: 0.3125rem;}
.nevbar {height: 100vh; position: fixed;left: -300px;top: 0;bottom: 0;width: 280px;background: #fff;margin: 0;z-index: 999999;transition: all .6s ease-in-out; overflow: auto;}
.m_menuLogo {display: block; width: 100%; padding: 1rem; border-bottom: 2px solid #edecec; background: #f5f5f5; display: block; width: 100%;}
.headerMain .m_menuLogo .logo {display: block; margin: auto;max-width: 200px;}
.m_menuLogo .closeMenu { position: absolute; right: 0; top: 0; background: #ff0000; width: 30px; height: 30px;  padding: 6px;}
.m_menuLogo .closeMenu:before {content: '';width: 22px;position: absolute;top: 0;left: 0;right: 0;height: 2px;background: #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;bottom: 0;}
.m_menuLogo .closeMenu:after {content: '';width: 22px;position: absolute;top: 0;left: 0;right: 0;height: 2px;background: #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: auto;bottom: 0;}
.nevbar.slideMenu{left: 0;}
.nevbar ul li{display: block; padding: 0; border-bottom: 1px solid #e2e2e2;}
.nevbar ul li a{display: block; font-size: 1rem; color: #000; padding: 10px 15px;}
.nevbar ul li:last-child{border-bottom: none;}
.bodyFixed .sidebar-overlay {opacity: .5;visibility: visible;}
.bodyFixed{overflow: hidden;}

}
 
@media only screen and (max-width: 1366px) {
.bottemHed{padding-right: 12px;}
.bannerHed{font-size: 4.5rem;}
}
 
@media only screen and (max-width: 1280px) {
.nevbar ul li {padding: 0 1%;}
.bottemHed .btn{min-width: 10rem;}
.bannerHed { font-size: 4.2rem;}
}

	
/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {
html{font-size: 14px;}
.smallHed{margin-bottom: 8px;}
.secTitle{font-size: 3rem;}
.headLeft{width: 28%;}
.siteLogo{max-width: 260px;}
.banner-img img{max-width: 1200px; position: relative; left: 50%; transform: translateX(-50%);}
.bannerCon{max-width: 50%;left: 5%;}

.categorySec .container{padding: 0;}
.catBox{border-left: none;}
.catList div[class^='col-']:last-child .catBox{border-right: none;}
.catBox{padding: 30px;}


.container{padding-right: 20px; padding-left: 20px;}
.commonSec{padding: 60px 0;}
.footerMain{padding: 0;}
.footerMain .container{padding: 0;}
.footInner{padding: 60px 30px;}

.contactForm{margin-bottom: 0;}

.mainLink ul li{padding: 10px 0;}
.footHed{margin-bottom: 20px;}

/* Inner Page */
.InnerSec .bannerCon{max-width: 100%;left: 0;text-align: center;}
.InnerSec .banner-img img{object-fit: cover;}
.InnerSec .bannerHed{font-size: 3.75rem;margin-bottom: 0;letter-spacing: normal;}

.aboutImg{margin-right: 50px;}
.aboutContact{margin-left: 20px;padding: 35px 25px;}
.auCatInnerBox{padding: 35px;}

.blogInnList{padding-right: 40px;}
.blogIngCon{padding: 25px;padding-bottom: 0;}
.freequote{padding: 40px 30px;}

.blogIngInnerBox .cmsCon{padding: 30px;}
.cmsCon h2{font-size: 2.25rem;margin-bottom: 10px;}

.getTitle{font-size: 2rem;letter-spacing: normal;}
.getInn{padding: 30px 0;}
.mapSec{padding-bottom: 40px;}
.mapSec iframe{height: 300px;}
.widget.widget_search{padding: 20px;}


}


/* common css for below screen 991 */
@media only screen and (max-width: 991px) {
.secTitle{font-size: 2.75rem;letter-spacing: -1px;margin-bottom: 8px;}
.bannerCon{max-width: 60%; left: 2%;}
.bannerCon .banner-btn1{min-width: 0;}

.aboutList{margin: 0 -5px;margin-top: 30px;}
.aboutBox{padding: 5px; width: 25%;}
.aboutInnerBox{padding: 15px;}
.catBox {padding: 15px;}
.aboutIcon{margin-bottom: 15px;}
.aboutMain .secTitle{max-width: 580px}
.aboutMain .secPre{margin: 0;}
.applySec{background-position: center center; background-size: auto 60%;}
.applySec p{width: 100%; padding-right: 0; padding-bottom: 15px;}

.testList{padding: 0;}
.testPre{font-size: 1.75rem;}
.userInfo{padding: 0;}
.test_slider .slick-dots{padding-top: 10px;}
.contactInner{padding: 20px;  margin: 0 -15px;}
.blogList{margin: 0 -5px;}
.blogBox{padding: 0 5px;}
.blogBox .blogImg{padding-bottom: 80% !important;}
.blogInnerBox{padding-bottom: 200px !important;}
.blogCon{padding: 15px;}
.blogCon .blogDis{display: none;}
.blogTitle{min-height: 81px;}
.slick-dots li{width: 1rem; height: 1rem;}
.testList{background-position: center center; background-size: contain;}

/* Inner Page */
.InnerSec .banner-img img{height: 10rem; max-width: 100%;}
.InnerSec .bannerHed{font-size: 3.25rem;padding: 5px 0;}
.breadcrumbList a, .breadcrumbList span.breadcrumb_last{font-size: 1.25rem;}

.aboutInner .aboutCon{padding-top: 0;}
.formTitle{font-size: 1.75rem;}
.auCatBox{padding: 12px 0;}
.auCatInnerBox{padding: 25px;}
.aboutContact{margin-left: 0;padding-bottom: 0;}
.input-group{padding: 10px 0;}
.aboutContact .btn{padding: 15px;}

.cmsCon p{line-height: 1.6;}
.blogInnList{padding-right: 0;}
.blogIngImg img{width: 100%;}
.blogIngCon .blogTitle{padding: 5px 0;min-height: inherit;margin: 0;}
.publisText p{font-size: 1.0625rem;}
.scrollLeft{width: 3rem;height: 3rem;line-height: 3.5rem;top: inherit;bottom: -20px;}

.searchHere{padding: 4px;}
.search-field{line-height: 16px;}
.search-submit{width: 35px;height: 35px;right: 5px;top: 5px;}
.widget.widget_search{padding: 20px;}
.widget:not(.widget_search){padding-bottom: 0;}
.blogDate .icon{margin-right: 5px;}
.blogIngCon .blogMeta{padding: 10px 0;}

.widget ul li .rpwwt-post-title{min-height: inherit;}
.freequote{padding: 30px 70px;}
.freequote .btn{min-width: 130px;padding: 8px;}
.quoteHed{margin-bottom: 5px;}
.freequote p{display: inline-block;vertical-align: middle;max-width: 300px;line-height: 1.4;margin: 5px 0;}

.blogIngInnerBox .cmsCon{padding: 20px;}
.cmsCon h2{font-size: 2rem;}
.cmsCon p{font-size: 1rem;}
.sersideBarItem{padding: 25px;}
.serSideHed{margin: 5px 15px;}
.sersideBarItem ul li a{padding: 5px 15px;}

.pagination{padding: 10px 0 20px;}
.page-numbers{width: 35px;height: 35px;line-height: 35px;}
.prev.page-numbers:after, .next.page-numbers:after{width: 10px;height: 10px;}

.getInn .infoIcon{width: 48px;height: 48px;}
.getInn .infoIcon .icon{line-height: 48px;}
.getInfo{padding: 15px 0;}


}

/* common css for below screen 767 */
@media only screen and (max-width: 767px) { 

html{font-size: 12px;} 
p{font-size: 1rem;}
.secTitle{font-size: 2.35rem;} 
.nevbar ul li a{font-size: 1.125rem;} 
.container{padding: 0 12px;}
.commonSec { padding: 30px 0;}
.banner-img img{max-width: 800px;}
.smallHed{margin-bottom: 8px; padding: 0 50px;}
.smallHed:after{width: 40px;}
.bannerCon p{margin: 0;}
.aboutIcon img{padding: 5px;}
.testMain{padding-top: 20px;}

.testCon{text-align: center;}
.userCon{width: auto; text-align: left;}
.test_slider .slick-dots{text-align: center;}

.footInner{padding: 30px 15px;}
.footHed{margin-bottom: 15px;}
.footlogo{max-width: 160px; margin-bottom: 15px;}
.footCon{padding-right: 0;}
.mainLink ul li{padding: 5px 0;}

/* Inner Page */
.InnerSec .bannerHed{font-size: 2.75rem;}
.aboutImg{margin-right: 30px;margin-bottom: 10px;}
.auCatInnerBox{padding: 20px;}
.auCatIcon{width: 65px;}
.auCatCon{width: calc(100% - 68px);padding-left: 18px;}
.auCatCon p{line-height: 1.6;}
.aboutContact .form-control{padding: 8px 14px;}
.auCatBox{padding: 8px 0;}
.aboutContact{margin-top: 15px;padding: 20px 15px;}
.aboutContact .input-group textarea.form-control{height: 85px;}

.servicesList .blogIngInnerBox{padding-bottom: 10px;}

.getTitle{font-size: 1.75rem;}
.getInn{padding: 25px 0;}
.getInn .infoIcon{width: 38px;height: 38px;}
.getInn .infoIcon .icon{line-height: 38px;}
.getCon{padding-left: 15px;}

}


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

}

@media only screen and (max-width: 568px) {
p{line-height: 1.6;}
.secTitle{font-size: 2rem;}	
.headerMain{padding-top: 40px;}
.topHed{position: absolute; left: 0; right: 0; top: 0; padding-left: 0; padding-right: 0;}
.headCall{border-right: none;    padding: 0 10%;}
.callBtn{display: inline-block;/*padding: 5px;*/width: 38px;height: 38px;/*border-radius: 50%;border: 1px solid #215561;*/text-align: center;}
.callBtn .icon{/*font-size: 2rem; */   right: 0;}
.callBtn span {display: none !important;}
body{padding-bottom: 34px;}
.headBtn{position: fixed;left: 0;right: 0;bottom: 0;z-index: 999;min-width: 100%;padding: 0;}
.headBtn .btn{width:100% ;}
.bottemHed .flex-grow-1{    padding: 0 10%;}

.banner-img img{margin-left: -40px;}
.bannerCon{max-width: 70%;}
.bannerCon .smallHed{padding: 0; margin-bottom: 0;}
.bannerCon .smallHed:after{display: none;}
.bannerHed{font-size: 2.75rem;padding: 5px 0 5px 0;}
.bannerCon p{font-size: 1.375rem; line-height: 1.4;}
.bannerCon .banner-btn1{margin-bottom: 10px;}
.bannerCon .banner-btn2{padding: 0.875rem;}
.InnerSec .banner-img img{ margin-left: 0;}

.catBox{border-top: none; display: flex; text-align: left;}
.catImg{padding-bottom: 20%;}
.catCon{padding: 0;}
.catTitle{padding: 0;}
.catCon p{padding-bottom: 0;}
.catCon .btn{min-width: 40px; padding: 6px 10px 10px 8px;}
.aboutMain .secTitle{max-width: 100%;}
.aboutMain .btn{min-width: 0; padding: 8px 12px; margin-top: 15px;}
.aboutBox{width: 50%;}
.aboutIcon{padding-bottom: 44%;}

.applySec{padding: 30px 15px;}
.btn{min-width: 0; padding: 0.575rem 1rem;}
.testMain{padding-top: 0;}
.testPre {font-size: 1.575rem;}
.userIcon{width: 55px; height: 55px;}
.userCon{padding-left: 12px;}
.input-group{padding: 5px 0;}
.form-control{padding: 10px 15px;}
.contactInner .btn{padding: 10px; margin: 5px 0;}

.blogList{padding-top: 15px;}
.blogBox{width: 100%; margin-bottom: 20px;}
.blogInnerBox { padding-bottom: 0 !important;}
.blogBox .blogImg { padding-bottom: 60% !important;}
.blogCon{position: static;}
.blogTitle{min-height: 0;}
.blogCon .btn{text-align: left;}

.copyRight{padding: 10px;}
.socialIcon ul li{margin: 0 4px;}
.socialIcon ul li a{width: 32px; height: 32px; line-height: 34px; font-size: 1rem;}
.conInfo{padding-left: 24px;}

/* Inner Page */
.breadcrumbList a, .breadcrumbList span.breadcrumb_last{padding: 0 4px;font-size: 1rem;}
.breadcrumbList{font-size: 1rem;}
.aboutImg{width: 100%;}

.newsshare{width: 69%;}

#rpwwt-recent-posts-widget-with-thumbnails-2 img{width: 60px;height: 60px;}
.freequote{padding: 30px 50px;}

.blogIngInnerBox .cmsCon{padding: 15px;}
.cmsCon h2{font-size: 1.5rem;}
.page-numbers{line-height: 32px;}

.mapSec{padding-bottom: 20px;}


}
/* common css for below screen 479 */
@media only screen and (max-width: 479px) {
}

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

.rpwwt-widget ul li{padding: 5px 0;}
.newsshare{width: 58%;}
.blogIngCon .blogTitle{font-size: 1.5rem;line-height: 1.3;}


}

@media only screen and (max-width: 350px) {
}

/* common css for screen size between 480 to 767 */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}


/* common css for screen size between 767 to 991 */
@media only screen and (min-width: 767px) and (max-width: 991px) {

#rpwwt-recent-posts-widget-with-thumbnails-2 img{margin-right: 12px;}
.rpwwt-widget ul{display: inline-block;vertical-align: middle;width: 100%;}
.rpwwt-widget ul li{padding: 10px 5px;width: 33.33%;display: inline-block;vertical-align: middle;margin: 0 -2px;}
.widget ul li .rpwwt-post-date{font-size: 11px;}
.widget ul li .rpwwt-post-date:before{margin-right: 6px;}




}


/* common css for screen size between 568 to 767 */
@media only screen and (min-width: 568px) and (max-width: 767px) {
.widget ul li .rpwwt-post-title{display: inline-block;padding-top: 10px;}
.rpwwt-widget ul li{padding: 10px}
}


/* common css for screen size between 568 to 991 */
@media only screen and (min-width: 568px) and (max-width: 991px) {

.freequote{position: relative;}
.freequote .btn{min-width: 130px;position: absolute;top: 38%;right: 70px;}


}
/* common css for screen size between 568 to 991 */
@media only screen and (min-width: 767px) and (max-width: 991px) {


}


/* common css for screen size between 1024 to 1199 */
@media only screen and (min-width: 991px) and (max-width: 1440px) {
	.bottemHed .flex-grow-1{padding: 0 2%;}
	.headCall, .headBtn{    padding: 0 4%;}
	.headBtn .btn{min-width: 13.75rem;}
}	

@media only screen and (min-width: 991px) and (max-width: 1199px) {


}

/* common css for screen size between 1024 to 1366 */
@media only screen and (min-width: 1680px) and (max-width: 1822px) {
	.headCall { padding-right: 2rem;}
	.headBtn{padding: 0 2rem;}
	.headLeft{width: 18%;}
	.headRight{width: 82%;}
	.nevbar ul li{padding: 0 1.2%;}
}