@media only screen and (min-width : 240px) and (max-width : 319px) {
  .wrapper{width:85%;}
  .header-top{border:none;}
  .header-top-left{width:100%;float:none;margin-bottom: 10px;}
  .header-top-left ul li{border:none;padding: 10px 2px;}
  .header-top-left ul li:last-child{border:none;display: block;margin: 0 auto;text-align: center;}
  .header-top-right{border: 1px solid #707070;width: 238px;float: none;margin: 0 auto;}
  .logo{float:none;margin: 0 auto;}
  
  .main-nav{display: none;float: none;}
  .nav-toggle{display: block!important;}
  
  .slide-bottom-wrapper{border:none;}
  .slide-bottom ul li{width: 85%;border: 1px solid #dadada;}
  
  .services-wrap{display: none;}
  
  .why-left{width:100%;margin-bottom: 30px;}
  .why-left h1::after{content: "";}
  .why-right{width:100%;}
  .why-right img{width:100%;}
  
  .civil-left{width:100%;margin-bottom: 30px;}
  .civil-left h1::after{content: "";}
  .civil-right{width:100%;}
  .civil-right img{width:100%;}
  
  .reasons-wrap{display:none;}
  .packages p{width: 100%;}
  .packages ul li {margin: 0 0 30px 0;width: 100%;}
  
  .testi-wrap{background-size: 100% 100%;}
  .testi ul li p{padding: 20px 0;}
  .testi ul li h1{width: 90%;}
  
  .contact-wrapper{background: #BCAE29;}
  .contact{float: none;width: 100%;}
  .contact select{width: 100%;}
  .contact .wpcf7-form.theme_1.errorMsgshow > p{margin: 0;}
  
  footer{padding: 60px 0;}
  .copyright{width: 100%;text-align: center;margin-bottom: 20px;}
  .foot-social{width: 100%;text-align: center;}
  #top{left: 42%;}
  
  .inner-banner h1{display: none;}
  .alignright{width: 100%;height: auto;}
  
  .company-wrapper{background: #E8ECED;}
  .company{float: none;width: 100%;}
  .team-left{width: 100%;}
  .team-right{width: 100%;}
  
  .ser-left{width: 100%;}
  .ser-right{display:none;}
  
  .clients-left{width: 100%;}
  .clients-right{width: 100%;}
  .clients-right ul li {display: block;margin: 0 auto;}
  
  .contact-left{width: 100%;margin-bottom: 30px;}
  .contact-form h1::after{content: "";}
  .contact-form h1{margin-bottom: 20px;}
  .contact-form input{width: 90%;}
  .contact-form .subject{width: 90%;}
  .contact-form textarea{width: 90%;}
  .contact-right{width: 100%;}
  .contact-right h1{margin-bottom: 20px;}
  .contact-right h1::after{content: "";}
  .hotline {padding: 80px 0 0 20px;width: 258px;}
  .inner-page h3{display: block;}
  #searchform input{width: 90%;}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .wrapper{width:85%;}
  .header-top{border:none;}
  .header-top-left{width:100%;float:none;margin-bottom: 10px;}
  .header-top-left ul li{border:none;padding: 10px 0px;}
  .header-top-left ul li img{margin-right: 5px;}
  .header-top-left ul li:last-child{border:none;display: block;margin: 0 auto;text-align: center;}
  .header-top-right{border: 1px solid #707070;width: 238px;float: none;margin: 0 auto;}
  .logo{float:none;margin: 0 auto;}
  
  .main-nav{display: none;float: none;}
  .nav-toggle{display: block!important;}
  
  .slide-bottom-wrapper{border:none;}
  .slide-bottom ul li{width: 85%;border: 1px solid #dadada;}
  
  .services-wrap{display: none;}
  
  .why-left{width:100%;margin-bottom: 30px;}
  .why-left h1::after{content: "";}
  .why-right{width:100%;}
  .why-right img{width:100%;}
  
  .civil-left{width:100%;margin-bottom: 30px;}
  .civil-left h1::after{content: "";}
  .civil-right{width:100%;}
  .civil-right img{width:100%;}
  
  .reasons-wrap{display:none;}
  .packages p{width: 100%;}
  .packages ul li {margin: 0 0 30px 0;width: 100%;}
  
  .testi-wrap{background-size: 100% 100%;}
  .testi ul li p{padding: 20px 0;}
  .testi ul li h1{width: 90%;}
  
  .contact-wrapper{background: #BCAE29;}
  .contact{float: none;width: 100%;}
  .contact select{width: 100%;}
  .contact .wpcf7-form.theme_1.errorMsgshow > p{margin: 0;}
  
  footer{padding: 60px 0;}
  .copyright{width: 100%;text-align: center;margin-bottom: 20px;}
  .foot-social{width: 100%;text-align: center;}
  #top{left: 42%;}
  
  .inner-banner h1{display: none;}
  .alignright{width: 100%;height: auto;}
  
  .company-wrapper{background: #E8ECED;}
  .company{float: none;width: 100%;}
  .team-left{width: 100%;}
  .team-right{width: 100%;}
  
  .ser-left{width: 100%;}
  .ser-right{display:none;}
  
  .clients-left{width: 100%;}
  .clients-right{width: 100%;}
  .clients-right ul li {display: block;margin: 0 auto;}
  
  .contact-left{width: 100%;margin-bottom: 30px;}
  .contact-form h1::after{content: "";}
  .contact-form h1{margin-bottom: 20px;}
  .contact-form input{width: 90%;}
  .contact-form .subject{width: 90%;}
  .contact-form textarea{width: 90%;}
  .contact-right{width: 100%;}
  .contact-right h1{margin-bottom: 20px;}
  .contact-right h1::after{content: "";}
  .hotline {padding: 80px 0 0 20px;width: 258px;}
  .inner-page h3{display: block;}
  #searchform input{width: 90%;}
}
@media only screen and (min-width : 360px) and (max-width : 640px) {
  .wrapper{width:85%;}
  .header-top{border:none;}
  .header-top-left{width:100%;float:none;margin-bottom: 10px;}
  .header-top-left ul li{border:none;padding: 10px 2px;}
  .header-top-left ul li:last-child{border:none;display: block;margin: 0 auto;text-align: center;}
  .header-top-right{border: 1px solid #707070;width: 238px;float: none;margin: 0 auto;}
  .logo{float:none;margin: 0 auto;}
  
  .main-nav{display: none;float: none;}
  .nav-toggle{display: block!important;}
  
  .slide-bottom-wrapper{border:none;}
  .slide-bottom ul li{width: 85%;border: 1px solid #dadada;}
  
  .services-wrap{display: none;}
  
  .why-left{width:100%;margin-bottom: 30px;}
  .why-left h1::after{content: "";}
  .why-right{width:100%;}
  .why-right img{width:100%;}
  
  .civil-left{width:100%;margin-bottom: 30px;}
  .civil-left h1::after{content: "";}
  .civil-right{width:100%;}
  .civil-right img{width:100%;}
  
  .reasons-wrap{display:none;}
  .packages p{width: 100%;}
  .packages ul li {margin: 0 0 30px 0;width: 100%;}
  
  .testi-wrap{background-size: 100% 100%;}
  .testi ul li p{padding: 20px 0;}
  .testi ul li h1{width: 90%;}
  
  .contact-wrapper{background: #BCAE29;}
  .contact{float: none;width: 100%;}
  .contact select{width: 100%;}
  .contact .wpcf7-form.theme_1.errorMsgshow > p{margin: 0;}
  
  footer{padding: 60px 0;}
  .copyright{width: 100%;text-align: center;margin-bottom: 20px;}
  .foot-social{width: 100%;text-align: center;}
  #top{left: 42%;}
  
  .inner-banner h1{display: none;}
  .alignright{width: 100%;height: auto;}
  
  .company-wrapper{background: #E8ECED;}
  .company{float: none;width: 100%;}
  .team-left{width: 100%;}
  .team-right{width: 100%;}
  
  .ser-left{width: 100%;}
  .ser-right{display:none;}
  
  .clients-left{width: 100%;}
  .clients-right{width: 100%;}
  .clients-right ul li {display: block;margin: 0 auto;}
  
  .contact-left{width: 100%;margin-bottom: 30px;}
  .contact-form h1::after{content: "";}
  .contact-form h1{margin-bottom: 20px;}
  .contact-form input{width: 90%;}
  .contact-form .subject{width: 90%;}
  .contact-form textarea{width: 90%;}
  .contact-right{width: 100%;}
  .contact-right h1{margin-bottom: 20px;}
  .contact-right h1::after{content: "";}
  .hotline {padding: 80px 0 0 20px;width: 258px;}
  .inner-page h3{display: block;}
  #searchform input{width: 90%;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .wrapper{width:95%;}
  
  .header-top-left{width:67%;}
  .header-top-left ul li{padding: 20px 5px;}
  .header-top-left ul li:last-child{border-right:none;}
  .header-top-right{width:33%;}
  .header-top-right ul li{padding: 15px 9px;}
  
  .main-nav{width: 71%;}
  .main-nav ul li{padding-right: 20px;}
  
  .slide-bottom ul li{width: 27%;min-height: 131px;}
  
  .services-wrap{background: url("images/servicesm-bg.jpg");background-size: 100% 100%; padding: 65px 0 240px;}
  .services {width: 760px;}
  .service{float: none;margin: 0 auto;}
  
  .why-left{width:60%;}
  .why-left h1::after{content: "";}
  .why-right{width:40%;}
  .why-right img{width:100%;}
  
  .civil-left{width:60%;}
  .civil-left h1::after{content: "";}
  .civil-right{width:40%;}
  .civil-right img{width:100%;}
  
  .reasons-wrap{background: #ECEDEF;}
  .reasons ul li{margin-right: 10px;}
  
  .packages ul li{margin: 0 0 30px 8px;}
  
  .testi-wrap{background-size: 100% 100%;}
  .contact-wrapper{background: #BCAE29;}
  .contact{float: none;width: 100%;}
  .contact select{width: 95%;}
  .contact .wpcf7-form.theme_1.errorMsgshow > p{margin: 0;}
  
  .company-wrapper{background: #E8ECED;}
  .company{float: none;width: 100%;}
  
  .team-left{width: 100%;}
  .team-right{width: 100%;}
  
  .inner-banner h1{font-size: 30px;padding: 13px 0;}
  .ser-right img {width: 100%;}
  .clients-right ul li{margin-right: 13px;}
  
  .contact-left{width: 60%;}
  .contact-form h1::after{content: "";}
  .contact-form h1{margin-bottom: 20px;}
  .contact-form input{width: 90%;}
  .contact-form .subject{width: 90%;}
  .contact-form textarea{width: 90%;}
  .contact-right{width: 38%;}
  .contact-right h1::after{content: "";}
  .hotline {padding: 80px 0 0 20px;width: 258px;}
  .services-wrap .wrapper{width: 100%;}
}
@media only screen and (min-width : 414px) and (max-width : 767px) {
  .wrapper{width:85%;}
  .header-top{border:none;}
  .header-top-left{width:100%;float:none;margin-bottom: 10px;}
  .header-top-left ul li{border:none;padding: 10px 2px;}
  .header-top-left ul li:last-child{border:none;display: block;margin: 0 auto;text-align: center;}
  .header-top-right{border: 1px solid #707070;width: 238px;float: none;margin: 0 auto;}
  .logo{float:none;margin: 0 auto;}
  
  .main-nav{display: none;float: none;}
  .nav-toggle{display: block!important;}
  
  .slide-bottom-wrapper{border:none;}
  .slide-bottom ul li{width: 85%;border: 1px solid #dadada;}
  
  .services-wrap{display: none;}
  
  .why-left{width:100%;margin-bottom: 30px;}
  .why-left h1::after{content: "";}
  .why-right{width:100%;}
  .why-right img{width:100%;}
  
  .civil-left{width:100%;margin-bottom: 30px;}
  .civil-left h1::after{content: "";}
  .civil-right{width:100%;}
  .civil-right img{width:100%;}
  
  .reasons-wrap{display:none;}
  .packages p{width: 100%;}
  .packages ul li {margin: 0 0 30px 0;width: 100%;}
  
  .testi-wrap{background-size: 100% 100%;}
  .testi ul li p{padding: 20px 0;}
  .testi ul li h1{width: 90%;}
  
  .contact-wrapper{background: #BCAE29;}
  .contact{float: none;width: 100%;}
  .contact select{width: 100%;}
  .contact .wpcf7-form.theme_1.errorMsgshow > p{margin: 0;}
  
  footer{padding: 60px 0;}
  .copyright{width: 100%;text-align: center;margin-bottom: 20px;}
  .foot-social{width: 100%;text-align: center;}
  #top{left: 42%;}
  
  .inner-banner h1{display: none;}
  .alignright{width: 100%;height: auto;}
  
  .company-wrapper{background: #E8ECED;}
  .company{float: none;width: 100%;}
  .team-left{width: 100%;}
  .team-right{width: 100%;}
  
  .ser-left{width: 100%;}
  .ser-right{display:none;}
  
  .clients-left{width: 100%;}
  .clients-right{width: 100%;}
  .clients-right ul li {display: block;margin: 0 auto;}
  
  .contact-left{width: 100%;margin-bottom: 30px;}
  .contact-form h1::after{content: "";}
  .contact-form h1{margin-bottom: 20px;}
  .contact-form input{width: 90%;}
  .contact-form .subject{width: 90%;}
  .contact-form textarea{width: 90%;}
  .contact-right{width: 100%;}
  .contact-right h1{margin-bottom: 20px;}
  .contact-right h1::after{content: "";}
  .hotline {padding: 80px 0 0 20px;width: 258px;}
  .inner-page h3{display: block;}
  #searchform input{width: 90%;}
}
@media only screen and (min-width : 568px) and (max-width : 736px) {
  .header-top-left > ul {text-align: center;}
  .header-top-left ul li:last-child{display: inline-block;}
  .contact select {width: 96%;}
  .clients-right ul li{display: inline-block;margin:0;}
}
@media only screen and (min-width : 1281px) and (max-width : 1432px) {
  

}