@media only screen and (min-device-width: 1440px){
   
}
 
/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
   
}
 
/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */

}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    /* insert styles here */
    
}
 
/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}
/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {

}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
.boxin.boxinM {width:75%;}
}

 
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    /* insert styles here */
   nav ul li a{font-size:45px;}
   #nav-icon{right: 30px;top: 18px;}
   #nav-icon span:nth-child(3) {top:7px;}
   #nav-icon span:nth-child(4) {top:14px;}
   #nav-icon span:nth-child(2) {top: 21px;}

   #nav-icon{top:22px;}
   .headerareapro {
    padding: 1.5% 2%;}
    .headerareapro{width:100%;}
    .boxin.boxinM { width: 100%;}
    .asspopup img{top:70px;}
    .onsitehead h1 {font-size: 46px;}
    .sliderpopinner .owl-carousel .owl-item img{margin:8.6% auto 0;}
 }
 
@media  screen and (max-width: 1280px) {
	nav ul li a {font-size: 40px;}
	#nav-icon span, #nav-icon.open span{height:4px;}
	#nav-icon span:nth-child(3) {top:7px;}
	#nav-icon span:nth-child(4) {top: 14px;}
	#nav-icon span:nth-child(2) {top: 21px;}
  .logoarea {width:8%;}
  #nav-icon {width: 40px;}

  .aboutarea h1, .servicestoparea h1, .servicesmiddelarea h1,.contactarea h1{font-size:55px;}
  .onsitehead h1{font-size:45px;}

  .project-title{font-size:22px;}
.post-wrapper .post .post-content .post-title {
    font-size: 30px !important;}
.contactarea {
    width: 70%;}
    .formdiv input{padding:10px 10px;}
    .formdiv textarea { min-height: 251px;}
.associationtext{font-size: 26px;}
.asspopup img {
    top: 76px;
}
.onsitediv h3 {font-size: 28px;}
.onoffbttonarea{margin:-1.3% auto;}
}
 

@media only screen and (max-width: 1279px){
  .headerarea{padding:2% 2% 0;}
  .logoarea {width:8%;}
  #nav-icon {width: 40px;}
    nav ul li a {font-size: 35px;}
#nav-icon.open span:nth-child(2){top:36%;}
.banner .owl-theme .owl-nav img{width:90%;}

.aboutarea {width: 80%;}
.aboutarea p,.servicestoparea p,.servicesmiddelarea p,.entry-content p,.contactarea ul li p,.onsitediv p,.rs-home-project p {font-size: 19px;}
.aboutarea h1, .servicestoparea h1, .servicesmiddelarea h1,.servicessupplyarea h2,.contactarea h1{font-size: 50px;}
.onsitehead h1{font-size:40px;}
.footerR p, .footerR p a, .footerL p {font-size: 15px;}

  .project-title{font-size:20px;}
  .post-wrapper .post .post-content .post-title {
    font-size: 28px !important;}
    .servicesmiddelarea h1{padding-left: 3%;}
    .contactarea {
    width: 80%;
}
.formdiv input,.formdiv textarea{font-size:18px;}
.formdiv textarea {
    min-height: 242px;
}
.formdiv label{font-size: 19px;}
.associationtext {
    font-size: 25px;
}
.onsiteularea ul li{margin:20px 15px;}
.rs-home-project .portfolio-filter button{padding:12px 5px;}
.festool {width: 10%;}
.servicestoparea.boxin{width: 80%;}
.onoffbttonarea a {padding: 6px 30px;font-size: 18px;}
}

@media only screen and (max-width: 1023px){
#nav-icon {width:38px;right: 28px;top: 16px;}
nav ul li a {font-size: 35px;padding: 8px 0;}
#nav-icon span:nth-child(2) {top: 22px;}
#nav-icon span:nth-child(3) {top: 7px;}
#nav-icon span:nth-child(4) {top: 14px;}
#nav-icon span {height: 4px;}
nav ul li a {font-size: 30px;padding: 7px 0;}
#nav-icon.open span{height:4px;}
nav ul li:first-child {padding-top: 50px;}

.aboutarea h1 {text-align: left;margin-bottom: 20px;}
.aboutarea h1, .servicestoparea h1, .servicesmiddelarea h1,.servicessupplyarea h2,.contactarea h1 {font-size: 45px;}
.onsitehead h1{font-size:35px;}
.aboutarea p,.servicestoparea p,.servicesmiddelarea p,.entry-content p,.contactarea ul li p,.onsitediv p,.rs-home-project p  {font-size: 18px;}
.footerR p, .footerR p a, .footerL p {font-size:14px;}

.headerareapro {padding: 2.5% 2% 2.5% 5%;}
nav.menu2 ul{width:100%;}
/*.sliderpopinner .owl-carousel .owl-item img{width:auto;}*/
.sliderpop .owl-prev {left: -8.4em;}
.sliderpop .owl-next {right: -9.4em;}

.servicestoparea.boxin{width: 70%;}

.post-wrapper .post .post-content .post-title {
    font-size: 28px !important;}
    .formdiM{display: none;}
    .formdivD{display:block;}
    .formdiv label {
    font-size: 18px;
}
.formdiv textarea {
    min-height: 222px;
}
.servicesmiddelarea.boxin{width:78%;}
.post-wrapper .post .post-content .post-title{text-align:left;}
.servicestopDestop{display:none;}
.servicestopMobile{display: block;}
.servicesmiddelarea h1 {
    padding-left: 3%;
    padding-left: 0px;
    text-align: left;
}
.formdiv input{box-shadow:0 0 8px 0px #d0d0d0;}
.leftrightarrow{display:none !important;}
.onsiteularea ul li {margin: 15px 4px;}
.onsiteularea ul li::before{width: 1.1em;margin-left: 0.5px;}
.onsitehead{margin:30px auto;}
.onoffbttonarea {margin: 2% auto;}
.onoffbttonarea a {padding: 6px 25px;font-size: 14px;}
.rs-home-project .portfolio-filter button {padding: 12px 0px;font-size: 15px;}
.onsitediv h3 {font-size: 24px;}
.onsiteularea ul li{font-size:18px;}
}

@media (max-width:991px){
    .asspopup img {width:98%;}
}

@media only screen and (max-width: 767px){
.banner .owl-theme .owl-nav img {width: 75%;}
.logoarea {width: 12%;}
#nav-icon {width: 33px;right: 18px;top: 12px;}
#nav-icon span:nth-child(4) {top: 12px;}
#nav-icon span:nth-child(3) {top: 6px;}
#nav-icon span:nth-child(2) {top: 18px;}
nav ul li a {font-size: 26px;padding: 4px 0;}
nav ul li:first-child {padding-top: 38px;}

.aboutarea h1 {margin-bottom: 10px;}
.aboutarea h1, .servicestoparea h1, .servicesmiddelarea h1,.servicessupplyarea h2,.contactarea h1 {font-size: 40px;}
.onsitehead h1{font-size:30px;}
.headerareapro {
    padding: 2.5% 2% 3.7% 5%;
}
.post-wrapper .post .post-content .post-title {
    font-size: 28px !important;
    margin: 0px 0px 0px 0px;
    text-align: left;
}
.servicestoparea.boxin {
    width:80%;
}
.formdiv textarea {
    min-height: 170px;
}

.servicestoparea h1, .servicesmiddelarea h1,.servicessupplyarea h2{
    font-size:30px;
}
.post-wrapper .post .post-content .post-title {
    font-size: 26px !important;}
    .sliderpopinner .owl-carousel .owl-item img{width:98%;
    }
   .headerareapro {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.content{margin-top:11%;width:100%;}
.project, .project figure img{max-height:500px;}
.project figcaption{z-index: 0;}
.sliderpop .owl-prev {
    left: 0;
    top: 100%;
}
.sliderpop .owl-next {
    right: 0;
    top: 100%;
}
.sliderpopinner {
    width: 90%;}
    #nav-icon span {
    height: 3px;
}
.sliderpop .owl-dot:before{font-size:18px;}
.associationtext {
    font-size: 22px;
}
.onsitehead {margin: 20px auto;}
.onsitediv img{margin:20px auto;}
}
@media only screen and (max-width: 479px){
    .onoffbttonarea a {padding: 6px 8px; font-size: 13px;}
	.banner .owl-theme .owl-nav img {
    width: 70%;
}
#nav-icon {
    width: 29px;
    right: 14px;
    top: 10px;
}
nav ul li a {
    font-size: 24px;
    padding: 2px 0;
}
.aboutarea h1 {
    margin-bottom: 5px;
}
.aboutarea h1, .servicestoparea h1, .servicesmiddelarea h1,.servicessupplyarea h2,.contactarea h1 {font-size:35px;}
.onsitehead h1{font-size:25px;}
.aboutarea p,.servicestoparea p,.servicesmiddelarea p,.entry-content p,.contactarea ul li p,.onsitediv p,.rs-home-project p   {
    font-size: 17px;
}
.footerL, .footerR {
    text-align: center;
    float: none;
        margin-bottom: 5px;
}
.logoarea {width: 15%;}
.servicestoparea.boxin {
    width: 85%;
}

.servicestoparea h1, .servicesmiddelarea h1,.servicessupplyarea h2{
    font-size:23px;
}
.post-wrapper .post .post-content .post-title {
    font-size: 21px !important;}
    .content{width:100%;}
    .sliderpopinner .owl-carousel .owl-item img{min-height:420px;}
}

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

}