
@media (max-width : 1152px) {
img, h1, h2, .wrapper, .mainNav, .mainNav li, .footer {-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
/* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box;}*/
.h1 {font-size: 32px;}
h2 {font-size: 30px;}
h2 img {padding-top: 20px;}
.wrapper {width:1000px; padding:30px 0;}

/****** Start HOME PAGE *****/	
.header .wrapper {width:100%;}
.logo {margin: 8px 0 0 20px;}
.mainNav {padding-top:4px;}
.header, .letsDiscuss {height: 92px;}
.headerFix {height:65px;}
.headerFix .letsDiscuss {height:65px;}
.topNav {padding-bottom:20px;}

.banner {margin-top:92px;}
.bannerDeta {width:1000px; margin-left:-500px;}
.bannerCon {padding-top:100px; width:520px;}
.bannerCon h1, .bannerCon h2 {font-size: 30px; line-height:36px; padding:10px 0 10px 0px; margin-bottom:15px;}
.bannerCon p {font-size: 16px;}

.innerBanner .bannerCon {top:60px;}

.HomePage h2 {padding-bottom:20px; padding-left:0;}
.HomePage h2 span {height:3px; margin:18px auto 0;}

.sarvices li {width:31.3333%; margin-left:3%; margin-bottom:25px;}
.sarvices li .icon {width:160px; height:160px; line-height: 160px; margin:25px auto;}
.sarvices li .icon i {font-size:60px;}
.sarvices li .icon:hover i {font-size:50px;}
.sarvices li h3 {font-size:20px; padding-bottom:18px; margin-bottom:18px;}

.approachStep li {width:14%;}
.approachStep li .s1 {width:95px; height:95px; top:24px; left:-35px;}
.approachStep li .s2 {width:103px; height:103px; top:36px; left:-22px;}
.approachStep li .s3 {width:100px; height:100px; top:-5px; left:20px;}
.approachStep li .s4 {width:85px; height:85px; top:62px; left:35px;}
.approachStep li .s5 {width:100px; height:100px; top:-15px; left:28px;}
.approachStep li .s6 {width:120px; height:120px; top:13px; left:40px;}

.testimonials {margin-bottom:40px;}
.testimonials h2 {padding-bottom:40px; margin-bottom:25px;}


.footer .wrapper {padding:70px 0px 30px 0;}
.contactInfo li {margin-left:2%; width:31.3333%; padding:45px 0px 30px;}
/****** End HOME PAGE *****/

/******************* Start about us *****************/
.innerBanner .bannerCon {top: 45px; left: 25px; margin-left: 0; width: 100% !important;}
.innerBanner .bannerCon p {padding-bottom:0;}
.innerBanner h1 {padding: 0 !important;}
.clientPic {margin-top: -55px;}
.getQuote div {font-size:23px;}
/******************* End about us *****************/


/******* start INNER PAGE *********/
/*.container {width:715px;}
.sideBar {width:260px;}*/
/******* End INNER PAGE *********/

/******** Start contactPage **********/
.contactPage {padding-top:110px;}
.contactRight {width:720px;}
.sideBarLeft {width:260px;}
/******** End contactPage **********/


/******************* Start Products *****************/
.products li {margin-left:25px;}
/******************* End Products *****************/

}


@media (max-width: 1024px) {
.header {background-size:420px; background-position:240px 0;}	
.bannerCon {padding-top: 60px;}
.bannerCon p {padding-bottom:50px;}
.bannerDeta {width: 960px; margin-left: -480px;}
.wrapper {width: 940px;}

.innerBanner .bannerCon {top: 28px;}

.contactRight {width:655px;}

/******************* Start Products *****************/
.productList h3 {padding-bottom:25px;}
.productList h3 img {width:150px}
.products li {margin-left:19px; width:300px;}
/******************* End Products *****************/
}



@media (max-width: 991px) {
p { padding-bottom: 20px; line-height: 22px; font-size:14px;}
.h1 {font-size: 25px; border-width:3px;}
h2 {margin-bottom:0; font-size: 22px;}
h3 {font-size: 17px;}

.wrapper {width:95%; padding:20px 0;}	
	
/****** Start HOME PAGE *****/
.header {height:50px; background-size:300px; background-position:center 0;}
.logo {margin-top:0; margin-left:20px; width:102px;}
.topNav {display:none;}
.letsDiscuss {height:50px; padding:0 10px; margin-right:65px; font-size:14px; line-height:normal; color:#fff;}

.headerFix {padding-bottom:0;}
.headerFix .logo {margin-top:0px; width:102px;}
.headerFix .mainNav {padding-top:13px;}
.headerFix .letsDiscuss {height:50px;}
.mobContactInfo {display:block;}

.mainNav {display:none; position:absolute; z-index:99; top:50px; right:0; background-color:#00a751; padding:13px 0 !important; width:100%;}
.mainNav li {float:left; width:100%; padding:0;}
.mainNav li a {padding:10px 0px; text-align:center; color:#fff; display:block; border-bottom:0;}
.mainNav li a:hover, .mainNav .active a  {border:0; background-color:#f0f1e1; color:#5052a4;}	

.smolNav {display: block; position:absolute; top:11px; right:15px; height:27px; width:32px; border:0px solid #ffcc00;}
/*.smolNav:hover, .smolNavAct {background:url(../images/black-bg.png) repeat 0 0px;}*/
.smolNav span {background-color:#00a751; height:2px; width:18px; margin:4px auto; display:block;}	
.smolNav span:first-child {margin-top:7px;}
.showNav {display:block;}

.mainNav .subMenu {display: block; position: static; width: 100%; background-color: #6365c2;}
.mainNav .subMenu a { background-color: #6365c2; color: #5052a4;}
.topArrow {top:-5px; left:50%;}
.topArrow:after {border-bottom-color: #6365c2;}
.banner {margin-top:50px;}
.bannerDeta {width:auto; margin-left:0; padding:15px; position:static; background-color:#eaeef1; text-align: center;}
.bannerCon {padding-top:0; width:100%;}
.bannerCon h1, .bannerCon h2 {font-size: 25px; display:inline-block; line-height:32px;}
.bannerCon p {font-size: 14px; padding-bottom:30px;}

.banner .moreBtn {width: 100px; clear: both; display: block; margin: 0 auto;}	

.banner img {width: 200%; margin-left: -100%;}		
	
.innerBanner .bannerCon {position:static; padding:15px !important; width:auto !important; border-width:3px; background-color:#eaeef1;}
.innerBanner img {display:none;}

.HomePage h2 {padding-left:0;}

.sarvices li {width:100%; min-height:inherit; margin-left:0; margin-bottom:15px;}
.sarvices li .icon {width:auto; height:auto; line-height: normal; margin:0;}
.sarvices li .icon img {max-height:100px; padding: 15px 0;}
.sarvices li .icon:hover i {font-size:40px;}

.sarvInfo {padding:20px 15px 15px; background-size:10%;}
.sarvices li h3 {font-size:22px; padding-bottom:0; margin-bottom:8px;}
.sarvices li p {font-size:13px; line-height:22px;}

.approachStep {margin: 10px 0;}

.testimonials h2 {background-size:30px; padding-bottom:25px; margin-bottom:15px;}
.testimonials p {font-size:16px; line-height:22px; padding-bottom: 0; min-height: 50px;}

.buttonCss {padding: 13px 20px; font-size: 14px; min-width: initial;}

.callMe p {font-size:20px;}

.footer .socialIcon {display:block;}
.footer .wrapper {padding: 70px 0px 0px 0;}
.contactInfo li {margin-left:0; width:100%; padding:30px 0px 20px; margin-bottom:40px;}
.contactInfo h4 {font-size:17px;  padding-bottom:10px;}
.contactInfo span {top:-30px; left:50%; margin-left:-25px; width:50px; height:50px;}
.contactInfo span i {font-size:25px;}
/****** End HOME PAGE *****/

/******* start INNER PAGE *********/


/******************* Start about us *****************/
.aboutUsPic {padding-right: 15px; padding-bottom: 5px; width: 45%;}
.clientPic {margin-top: -55px; width: 30%; padding: 0 0 5px 10px;}
.getQuote div {font-size: 18px;}
.getQuote div p {font-size: 15px;}
	
.getQuote {padding: 25px 10px;}	
/******************* End about us *****************/


/******** Start contactPage **********/
.contactPage {padding-top:65px;}
.contactRight {width:60%;}
.sideBarLeft {width:37%;}
.map {height:250px;}
.contactDetail {padding: 20px 13px 30px 12px;}	
/******** End contactPage **********/


/******************* Start Products *****************/
.idName {top:-48px;}
.productList h4 .idName {top:-72px;}

.productList h3 {padding-bottom:18px;}
.productList h3 img {width:130px}
.products li {margin-left:3%; width:31.3333%;}
.products .moreBtn {bottom:-18px;}
.size span, .color span {margin:0 1px;}
/******************* End Products *****************/


/******************* Start Product Detail *****************/
.productBigPic {width:40%; margin: 0 20px 15px 0;}
.productDetail h2 {font-size: 25px;}
/******************* End Product Detail *****************/

.msgBox {margin: 70px auto 10px; padding:30px 15px;}

.twoPic img {width: 100%; padding: 10px 0;}	

}

@media (max-width: 767px) {
p { line-height: 20px;}
.h1 {font-size: 22px;}
h2 {margin-bottom:0; font-size: 21px;}	

.header {background-position:128px 0;}
.logo {margin-left:15px;}
.letsDiscuss {font-size: 12px; padding: 0 5px; width:80px; display:none;}

.wrapper {width: 90%;}
.bannerCon h1, .bannerCon h2 { font-size: 22px; line-height:32px;}
.bannerCon p {line-height:22px;}


	
.sarvices {padding-top:40px;}
.sarvices li h3 {font-size:18px;}
.sarvInfo {height: auto !important;}


.customerPhoto {font-size:14px;}
.customerList li span {font-size: 16px;}

.callMe p {font-size: 15px;}

.contactInfo p {font-size: 15px;}

.aboutUsPic {width: 100%; padding:0 0 10px 0;}
.clientPic {width: 100%; padding:0 0 10px 0; margin:0;}

.getQuote {text-align:center;}
.getQuote div {line-height:normal; font-size:16px;}
.getQuote div p {padding:10px 0;}
.getQuote .buttonCss {float:none;}

.copy {padding:20px;}

/******** Start contactPage **********/
.sideBarLeft {width:100%; margin-bottom:20px;}
.sideBarLeft img {display:none;}
.contactRight {width:100%;}
.feedInfo label {width:100%;margin-left:0;}
.securityCode {margin-left:0; width:100%; padding-top:15px;}
.securityCode .code {width:auto; margin-bottom:5px;}
.securityCode .code img {width:auto;}
.contactDetail li .fa {margin-right:10px;}
/******** End contactPage **********/

/******************* Start Products *****************/
.productList {margin-bottom:40px;}
.productList .wrapper {padding-bottom:0;}
.products li {margin-left:0; width:100%;}
.products .moreBtn {position:static; margin-bottom:20px;}
.size span, .color span {margin:0 3px;}
/******************* End Products *****************/

/******************* Start Product Detail *****************/
.productBigPic {width:100%; margin: 0 0 30px;}
.productDetail {position: static; overflow: inherit;}
.productDetail h2 {font-size: 20px;}
/******************* End Product Detail *****************/

.msgBox {margin: 50px auto 10px; padding:20px 10px;}
.msgBox h1 {font-size:25px;}

}

