@media only screen and (min-width: 1000px) and (max-width: 1169px) {	
.container{width:90%; position:relative; }
 #myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
   width:auto; 
  min-height: 100%;
}
.no-touch #cd-vertical-nav { display:none;}
.header { padding: 20px 40px;}
.menu_area {
    width: 68%;
    float: right;
    margin: 12px 0 0 0;
    padding: 0px;
}
#cssmenu > ul > li > a { font-size: 14px;}
.content_area2{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area2 h2{ width:80%;  margin:200px auto 200px auto;    font-size:70px; line-height:65px   }

.content_area3{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area3 h2{ width:80%;  margin:200px auto 200px auto;   font-size:70px; line-height:65px   }

.content_area4{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area4 h2{ width:80%; margin:200px auto 200px auto;   font-size:70px; line-height:65px   }

.cd-section {
    position: relative;
    min-height: auto;
}
.header_ablout_bg{  background-attachment:scroll !important;}
.about_content_txt{margin:40px 0 40px 0;}

.header_services_bg{  background-attachment:scroll}

.view-our-work_bg{background-attachment:scroll !important;}
.content_healthcare{background-attachment:scroll !important;}
.content_our-work{background-attachment:scroll !important;}
.content_retail{background-attachment:scroll !important;}
.content_institutional {background-attachment:scroll !important;}
.header_awards_bg{background-attachment:scroll}
.header_contact_bg{background-attachment:scroll}
.our_recent_projects ul { justify-content: center;}
.our_recent_projects li { width: auto; padding: 1%; list-style: none;}
.thumb-images {overflow: hidden; background: #fff; display: flex; width: 100%; justify-content: center;}
}


@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:90%; position:relative; }
 #myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
   width:auto; 
  min-height: 100%;
}

.down {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 80px;
    left: 41%;
    right: 0;}
.no-touch #cd-vertical-nav { display:none;}	
.header { padding: 20px 40px;}
.menu_area {
    width:50%;
    float: right;
    margin:5px 0 0 0;
    padding: 0px;
}

.header_content_txt {
    width: 100%;
    margin: 50px 0;}

.section2txt { width: 100%; margin: 0px 0 70px 0;}	
.section3txt { width: 100%; margin: 0px 0 70px 0;}	
.section4txt { width: 100%; margin: 0px 0 70px 0;}	

#cssmenu > ul > li > a { font-size: 16px;}

.content_area2{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area2 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.content_area3{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area3 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.content_area4{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area4 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.cd-section {
    position: relative;
    min-height: auto;
}

.header_ablout_bg{height:400px; background-attachment:scroll !important;}
.header_ablout_bg h2{margin:100px 0 0 0;}
.about_content_txt{margin:40px 0 40px 0;}

.header_services_bg{height:400px;  background-attachment:scroll}
 .services_txt{    margin:50px 0 20px;}
 
 
 
.view-our-work_bg{background-attachment:scroll !important;}
.content_healthcare{background-attachment:scroll !important;}
.content_our-work{background-attachment:scroll !important;}
.content_retail{background-attachment:scroll !important;}
.content_institutional {background-attachment:scroll !important;}
.header_awards_bg{height:400px;  background-attachment:scroll}
.awards-txt ul li {
    width: 23%;
    float: none;
    margin: 0px 0.7% 20px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    line-height: 0px;
    border: #ccc 1px solid;
}
.header_contact_bg{background-attachment:scroll}
.contact-left{width:35%;}
.map-contact iframe {width: 100%;}
.our_recent_projects ul { justify-content: center;}
.our_recent_projects li { width: auto; padding: 1%; list-style: none;}
.thumb-images {overflow: hidden; background: #fff; display: flex; width: 100%; justify-content: center;}
} 



@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
 #myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
   width:auto; 
  min-height: 100%;
}

.header_bg{   height:400px; background-size: cover !important; background-attachment:scroll !important;}
.header_bg h2{   margin:60px 0 0 0;   font-size:60px; letter-spacing:1px; line-height:65px;  }

.down {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 80px;
    left: 39%;
    right: 0;}
.no-touch #cd-vertical-nav { display:none;}	
.header { padding: 20px 30px;}
.menu_area {
    width:50%;
    float: right;
    margin:5px 0 0 0;
    padding: 0px;
}

.content_area2{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area2 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.content_area3{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area3 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.content_area4{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area4 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.header_content_txt {
    width: 100%;
    margin: 50px 0;}

.box_menu ul li { width: 48%;}
	
.section2txt { width: 100%; margin: 0px 0 40px 0;}	
.section3txt { width: 100%; margin: 0px 0 40px 0;}	
.section4txt { width: 100%; margin: 0px 0 40px 0;}	

.readmore { margin: 15px auto auto auto;}
.readmore1 { margin: 15px auto auto auto;}
.readmore2 { margin: 15px auto auto auto;}

.footer_menu ul li {
    width: 100%;
    margin: 4px 0px;}

.box_menu {
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    float: left;
}

.cd-section {
    position: relative;
    min-height: auto;
}

#cssmenu > ul > li > a { font-size: 16px;}


.header_ablout_bg{height:400px; background-attachment:scroll !important;}
.header_ablout_bg h2{margin:100px 0 0 0; font-size: 47px;}
.about_content_txt{margin:40px 0 40px 0;}



.header_services_bg{height:400px;  background-attachment:scroll}
 .services_txt{    margin:50px 0 20px;}
 
  
 
 
.view-our-work_bg{background-attachment:scroll !important; height:400px;}
.view-our-work_bg h2{margin: 60px 0 0 0;
    font-size: 60px;
    letter-spacing: 1px;
    line-height: 65px;}
.content_healthcare{background-attachment:scroll !important;}
.content_our-work{background-attachment:scroll !important;}
.content_retail{background-attachment:scroll !important;}
.content_institutional {background-attachment:scroll !important;}

.home-main-txt{    font-size:60px; line-height:60px;    padding: 12% 5%;}
.footer-index{width:93%;}
.header_awards_bg{background-attachment:scroll; height:400px;}
.header_awards_bg h2{margin: 60px 0 0 0;
    font-size: 60px;
    letter-spacing: 1px;
    line-height: 65px;}
.awards-txt ul li{width:31%; float:none; margin:0px 0.8% 20px;}
.header_contact_bg{background-attachment:scroll ; height:400px;}
.header_contact_bg h2{margin: 60px 0 0 0;
    font-size: 60px;
    letter-spacing: 1px;
    line-height: 65px;}

.contact-txt{ width:100%; margin:40px 0 40px;}
.contact-left{width:100%; margin:40px 0 40px 0}
.map-contact{width:100%;}
.map-contact iframe {width: 100%;}
.association-logos ul li{width:25%; float:none; margin:0px; padding:0px 1%; list-style:none; display:inline-block; text-align:center; vertical-align:middle}
.our_recent_projects ul { justify-content: center;}
.our_recent_projects li { width: auto; padding: 1%; list-style: none;}
.thumb-images {overflow: hidden; background: #fff; display: flex; width: 100%; justify-content: center;}
} 



@media only screen and (max-width: 479px) {
.alignright {float: none;}
.container{ width:95%; position:relative;}
 #myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
   width:auto; 
  min-height: 100%;
}


.header_bg{   height:600px; background-size: cover !important; background-attachment:scroll !important;}
.header_bg h2{   margin:100px 0 0 0;   font-size:60px; letter-spacing:1px; line-height:65px;  }

.down {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 80px;
    left: 29%;
    right: 0;}
.no-touch #cd-vertical-nav { display:none;}	
.header { padding: 20px 10px;}
.menu_area {
    width:50%;
    float: right;
    margin:5px 0 0 0;
    padding: 0px;
}

.content_area2{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area2 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.content_area3{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area3 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.content_area4{  margin:0 0 0px 0; height:auto; background-size: cover !important; background-attachment:scroll !important;}
.content_area4 h2{ width:80%;  margin:80px auto 80px auto;   font-size:60px; line-height:65px   }

.header_content_txt {
    width: 100%;
    margin: 50px 0;}

.box_menu ul li { width: 48%;}
	
.section2txt { width: 100%; margin: 0px 0 40px 0;}	
.section3txt { width: 100%; margin: 0px 0 40px 0;}	
.section4txt { width: 100%; margin: 0px 0 40px 0;}	

.readmore { margin: 15px auto auto auto;}
.readmore1 { margin: 15px auto auto auto;}
.readmore2 { margin: 15px auto auto auto;}

.footer_menu {  margin: 10px 0 0 0;}

.footer_menu ul li {
    width: 100%;
    margin: 4px 0px;}

.box_menu {
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    float: left;
}

.cd-section {
    position: relative;
    min-height: auto;
}

#cssmenu > ul > li > a { font-size: 16px;}



.header_ablout_bg{height: calc(300px - 50px);width: 100%; background-attachment:scroll !important;}
.header_ablout_bg h2 {margin: 0px auto 0px auto; font-size: 32px; line-height: 40px; font-weight: 400;}
#textheader { position: absolute; width: 100%; top: 125%;left: 50%; transform: translate(-50%, -50%); color: #fff;    z-index: 9;}
.about_content_txt{margin:40px 0 40px 0;}
.about_content_txt ul li {
    width:100%;
    float: left;
    margin: 0px 0% 30px 0;
    padding: 0px;
    list-style: none;
}



.header_services_bg{height:300px;  background-attachment:scroll}
 .services_txt{    margin:50px 0 20px;}
.header_services_bg h2{margin:70px 0 0 0; font-size:65px; line-height:70px;}


 
 
.view-our-work_bg{background-attachment:scroll !important; height:400px;}
.view-our-work_bg h2{margin: 60px 0 0 0;
    font-size:50px;
    letter-spacing: 1px;
    line-height: 65px;}
.content_healthcare{height: calc(300px - 50px); width: 100%;}
.content_healthcare h2 {
    width: 100%;
    margin: 0px auto 0px auto;
    font-size: 32px;
    top: 50%;
    line-height: 40px;
}
.content_our-work{height: calc(300px - 50px); width: 100%;}
.content_our-work h2 {
    width: 100%;
    margin: 0px auto 0px auto;
    font-size: 32px;
    top: 50%;
    line-height: 40px;
}
.content_retail{height: calc(300px - 50px); width: 100%;}
.content_retail h2 {
     width: 100%;
    margin: 0px auto 0px auto;
    font-size: 32px;
    top: 50%;
    line-height: 40px;
}
.content_institutional {height: calc(300px - 50px); width: 100%;}
.content_institutional h2 {
    width: 100%;
    margin: 0px auto 0px auto;
    font-size: 32px;
    top: 50%;
    line-height: 40px;
}
.our-work_txt1 ul li{width:50%;}
.our-work_txt2 ul li{width:50%;}

.home-main-txt{    font-size:60px; line-height:60px;    padding: 12% 5%;}
.footer-index{width:90%;}
.header_awards_bg{background-attachment:scroll;height:350px;}
.header_awards_bg h2 {
    width: 100%;
    margin: 80px auto 80px auto;
    font-size: 45px;
    line-height: 65px;
}
.awards-txt ul li{width:48%; float:none; margin:0px 0.7% 20px;}
.header_contact_bg{background-attachment:scroll ; height:350px;}
.header_contact_bg h2{margin: 60px 0 0 0;
    font-size: 60px;
    letter-spacing: 1px;
    line-height: 65px;}

.contact-txt{ width:100%; margin:40px 0 40px;}
.contact-left{width:100%; margin:40px 0 40px 0}
.map-contact{width:100%;}
.popup-content{padding:20px;}
.popup-form ul li{ width:100%;    margin: 0px 0% 20px 0;}
.map-contact iframe {width: 100%;}
.association-logos ul li{width:49%; float:none; margin:0px; padding:0px 1% 10px; list-style:none; display:inline-block; text-align:center; vertical-align:middle}
.our_recent_projects ul { justify-content: center;}
.our_recent_projects li { width: auto; padding: 1%; list-style: none;}
.thumb-images {overflow: hidden; background: #fff; display: flex; width: 100%; justify-content: center;}
}
 




@media only screen and (min-width: 320px) and (max-width: 355px) {

}

@media only screen and (min-width: 568px) and (max-width: 600px) {
 
}


@media only screen and (min-width: 414px) and (max-width: 500px) {
 
}


@media only screen and (min-width: 736px) and (max-width: 758px) {
 
}