@charset "utf-8";
/* CSS Document */

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

@media screen and (max-width: 1366px) { 
/*.......... contact ..........*/

.inner .content-1 .c-address .con-left {max-width:600px; }
.sec-2 .imgholder2{ width:50%;}
.sec-2 article{ width:50%;}
.sec-2 article h1{   margin-top:30px;}
.sec-5 .wrapper{  max-width:1255px; }
.sec-2b .imgholder2b{ width:25%;}
.sec-2b article{ width:75%;}
.sec-2b article h1, .sec-2b .imgholder2b h1{  font:600 46px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin-top:24px;}
 }

@media screen and (max-width: 1200px) { 
.banner h1{ font-size:35px; line-height:37px; }
.menu-bg aside{ width:300px; float:right;  position:absolute; right:0;}

.sec-2 article h6{ font-size:16px;}
.sec-2 article p{ font-size:14px;}
.sec-3 p{ font-size:22px;}
.sec-4 a{ width:35%;}

.nav li i{ width:30px; height:auto; position:absolute; top:15px; left:auto; right:30px; margin:auto; z-index:0;}

.highlight div{ width:95%; margin:0; margin-left:5%; margin-bottom:20px;  }
.highlight p{width:95%; position:static; margin-left:5%; float:left;}

.highlight3 div{ width:95%; margin-left:5% ;  }
.highlight3 p{ width:95%; margin:20px 5% ; height:auto; display:block; position:static; bottom:0px; right:0px; font:400 14px 'Open Sans', sans-serif; color:#000;}
.highlight4{ width:47.5%; float:right; margin:0 0 0 2.5%;}

.practice .commt { line-height:35px; font-size:25px;  padding:2%;}
.practice .commt span { font-size:35px; }
.practice .facts .title { padding-left:0%;}
.practice .commt { width:24%; }
.practice .txt_blk1 { width:68%;}
}

@media screen and (max-width: 1166px) { 
.sec-1 a h3{ font:800 15px/20px 'Open Sans', sans-serif; color:#a8a8a8; margin-top:12px; text-transform:uppercase;}
.sec-2 .imgholder2{ width:60%;}
.sec-2 article{ width:40%;}
}

@media screen and (max-width: 1080px) {
/*.......... contact ..........*/
.sec-5 .left-bx h1{ width:100%; text-align:center; padding-left:0; }
.sec-5 .left-bx { width:23%; height: auto; float:left; background:#3c0542; padding:20px 0;}
}

@media screen and (max-width: 1240px) { 
.sec-2b .imgholder2b{ width:25%; height:auto; float:left;}
.sec-2b article{ width:75%; height: auto; float:left; padding:20px; padding-left:40px;background:#f2f2f2; box-sizing:border-box;}
.sec-2b article.lefta{ padding:20px; padding-right:40px; }
.sec-2b.inners, .sec-2b.inners article{ background:none; }
.sec-2b article h1, .sec-2b .imgholder2b h1{  font:500 42px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin-top:20px !important;}
.sec-2b.inners article h1, .sec-2b .imgholder2b h1{  font:500 36px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin:0px 0 10px;}
.sec-2b article h1 span, .sec-2b .imgholder2b h1 span{ font-weight:800; display:block;}
.sec-2b.inners article h1 span, .sec-2b .imgholder2b h1 span{ display:inline; margin-left:10px;}
.sec-2b article h6{  font:700 18px 'Open Sans', sans-serif;color:#1b1b1b; margin:22px 0; }
.sec-2b article p{  font:400 14px 'Open Sans', sans-serif;color:#000;}
}

@media screen and (max-width: 1000px) { 
.sec-2b .imgholder2b{ width:100%; height:auto; float:left;}
.sec-2b article{ width:100%; height: auto; float:left; padding:20px; padding-left:40px;background:#f2f2f2; box-sizing:border-box;}
.sec-2b article.lefta{ padding:0px; padding-right:0px; }
.sec-2b.inners, .sec-2b.inners article{ background:none; }.sec-2b article h1, .sec-2b .imgholder2b h1{  font:500 42px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin-top:20px !important;}
.sec-2b.inners article h1, .sec-2b .imgholder2b h1{  font:500 36px 'Open Sans', sans-serif;color:#3c0542; line-height:40px; margin:0px 0 10px;}
.sec-2b article h1 span, .sec-2b .imgholder2b h1 span{ font-weight:800; display:block;}
.sec-2b.inners article h1 span, .sec-2b .imgholder2b h1 span{ display:inline; margin-left:10px;}
.sec-2b article h6{  font:700 18px 'Open Sans', sans-serif;color:#1b1b1b; margin:22px 0; }
.sec-2b article p{  font:400 14px 'Open Sans', sans-serif;color:#000;}
}

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

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

.menu-bg .logo{ width:180px;}
.sec-1 a, .sec-1 .brdr-rht{ width:48%; border:1px solid #d2d2d2; margin:1%;}
.sec-2 .imgholder2{ width:100%;}
.sec-2 article{ width:90%; padding:50px 0; margin:0 5%;}
.sec-2.inners article{ width:100%; padding:50px 0; margin:0;}
footer .ftr-ul li{ width:40%; max-width:400px;  margin:auto; text-align:left; padding:0; margin:0 5%; }
footer .ftr-ul li .img{ float:left; max-width:200px;}
footer .ftr-ul li h6{ text-align:left;}
.bannerdown h2{ width:40%; font:900 32px/32px 'Open Sans', sans-serif;  top:30px;  }

.projecttop .in75{ width:60%;}
.projecttop ul{width:100%; height:auto; float:left; margin-bottom:20px;}
.projecttop p{ width:100%; float:right; height:auto; font:400 18px 'Roboto', sans-serif; color:#7a7a7a;}
.practice .view_project {  margin-top:0px; }
}

@media screen and (max-width: 960px) { 
.sec-5 .left-bx { width:100%;}
.sec-5 .right-bx { width:100%;}

/*.......... contact ..........*/

.inner .content-1 .c-address { width:100%; padding: 80px 5.5% 80px 5.5%; }
.inner .content-1 .c-address .con-left { max-width:inherit; }
.inner .content-1 .c-form .con-right { max-width:inherit; }
.inner .content-1 .c-form { width:100%; }
.inner .content-1 .c-form .con-right { width: 94.5%; }

.practice .facts .title { line-height:35px;  font-size:25px;}
.practice .facts .title span {font-size:35px; }
.practice .explor h4 {font-size: 36px;}

.sec-2 article h1{   margin-top:10px;}

}

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

.innerbanner h1{ font:400 32px 'Open Sans', sans-serif; }
.approach .in50{ width:100%; }
.imgh1 img{min-width:100%;}
.highlight div{ width:100%; margin:20px 0;   }
.highlight p{width:100%; margin:0;}
.cnt1{ padding:40px 0 0 0;}
.bannerdown h2{ width:60%; font:900 22px/22px 'Open Sans', sans-serif;  top:20px;  }

.projects{width:100%; height:auto; margin:30px 0 50px; float:left;}

.highlight3 div{ width:100%; margin:20px 0;  }
.highlight3 p{ width:100%; margin:0 ; text-align:justify; }
.highlight4{ width:100%;  margin:20px 0;}

.practice .commt { width:30%; }
.practice .txt_blk1 { width:62%;}

}

@media screen and (max-width: 700px) { 
.banner h1{ font-size:25px; line-height:28px; }
.sec-3 p{ font-size:16px;}
.sec-4 a{ width:47%;}
.sec-4 h2{font-size:24px;}

.practice .commt { width:100%; margin-bottom:30px; text-align:center; }
.practice .txt_blk1 { width:100%; margin-left:0%;}
.practice .commt .arrow { display:none;}
.practice .view_project h4 { font-size:24px;}
.practice .facts .title { width:100%; margin-bottom:25px;}
.practice .facts .cont { width:100%;}
.practice .facts .col { width:100%; margin-bottom:30px;}
}

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

.projecttop .in75{ width:100%; margin-bottom:200px;}

}

@media screen and (max-width: 550px) {
.sec-1 a, .sec-1 .brdr-rht{ width:90%; margin: 0 auto; float:none; display:inline-block; border:none; border-bottom:#d2d2d2 1px solid; padding:15px 20px;}
.sec-4 a{ width:100%; max-width:350px; margin:1% 0;}

footer .ftr-ul li{ width:90%; max-width:90%; text-align:left; padding:0; margin:0 5%; }
.innerbanner h1{ font:400 24px 'Open Sans', sans-serif; }
.banner h1{ font-size:20px; line-height:23px; bottom:auto; top:0px; right:0px; margin-top:30px; text-align:center;}	
}

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

.bannerdown h2{ width:60%; font:400 16px/18px 'Open Sans', sans-serif; left:20px;  top:10px;  }

/*.......... contact ..........*/
.inner .content-1 .c-form .con-right .form-holder .col-2 { width:100%; }
.inner .content-1 .c-address .con-left .c-details p { width: 100%; }

.practice .commt span {font-size: 32px;}
.practice .commt {font-size: 22px;}
.practice .view_project h4 {font-size: 20px; line-height: 30px; }
.practice .facts {margin-top: 80px;}
.practice .view_project { padding:10% 10%;}
.practice .explor { margin-top:60px; text-align:center;}
.practice .explor h4 { font-size:25px; margin-left:0px;}
}

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