@font-face { font-family: "Flaticon"; src: url("../fonts/tt0007m.eot"); src: url("../fonts/tt0007m.eot#iefix") format("embedded-opentype"), url("../fonts/tt0007m.woff") format("woff"), url("../fonts/tt0007m.ttf") format("truetype"), url("../fonts/tt0007m.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'swis721_btroman'; src: url('../fonts/tt0003m_-webfont.eot'); src: url('../fonts/tt0003m_-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tt0003m_-webfont.woff2') format('woff2'), url('../fonts/tt0003m_-webfont.woff') format('woff'), url('../fonts/tt0003m_-webfont.ttf') format('truetype'), url('../fonts/tt0003m_-webfont.svg#swis721_btroman') format('svg'); font-weight: normal; font-style: normal; }
/*icon font css*/
@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
a { -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
html, body { height: 100%; }
body { margin: 0; padding: 0px; background: #fff; font-family: 'swis721_btroman'; }
p { font-size: 14px; text-align:justify; }
.clearfix { clear: both; display: block; /*visibility:hidden;*/
            content: "."; line-height: 0px; }
/*
.vegas-loading {top:auto; bottom:20px;}
.vegas-overlay {background:transparent url(/js/vegas/overlays/04.png);}
ul {float:right;}
li {display:inline-table; list-style:none; margin:4px !important; position:relative;}
li a {outline:none;}
p {	clear:both;	}
a {	color:#CF0;	text-decoration:none;	}
a img {-moz-box-shadow:0 5px 5px #000; -webkit-box-shadow:0 5px 5px #000; box-shadow:0 5px 2px #000; border:1px solid #FFF; width:150px; height:100px;}
a:hover img { border:1px solid #CF0;}
a:active img {border:1px dotted #CF0;}
*/

footer{ float:left; width:100%; margin-top:10px; margin-bottom:0 !important;}

.portfolio .filters a.active{ color: #000; text-decoration:underline;}
.portfolio .filters a:hover{ color: #000 !important;}

.nav{ display:none;}
header {/*margin-bottom:15px;*/ padding: 0; height: 50px; position: relative; }
.header-part { float: right;}
.hdr-right { float: right; margin: 13px 0 0 10px; }
.hdr-right ul { list-style-type: none; margin: 0px; padding: 0px; }
.hdr-right ul li { display: inline-table; margin: 10px 6px 0 0px; position: relative; z-index: 99; }
.hdr-right ul li a { width: 25px; height: 25px; display: block; overflow: hidden; }
.hdr-right ul li a img { max-width: none; }
.hdr-right ul li a.fcb img { margin-left: -35px; }
.hdr-right ul li a.srch img { margin-left: -70px; }
.hdr-right ul li a:hover img { margin-top: -27px; }
.expand-icon { position: absolute; top: 2px; right: 2px; width: 20px !important; height: 20px !important; display: table; background: url(../images/expand-icon.png) no-repeat center center #fff; background-size: 60%; z-index: 999999999999 !important; }
.expand-icon:hover { background: url(../images/expand-icon.png) no-repeat center center #fff; padding: 3px; background-size: 65%; }
/*.pcount { margin: -13px 0 0 9%; position: absolute; }*/
.pcount { margin: 8px 0 0 7%; position: absolute; }
.logo { float: left; /*width: 339px; */ position:absolute; right:32px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .logo { float: left; /*width: 339px; */  right:60px;}

}
/*	Search Box*/
/*#apple { position: absolute;  right: 0;  top: -20px;}*/
#apple { height: 25px; padding: 0px 0px; }
/*#apple { margin: 0px; }*/
#apple #search input[type="text"] { background: url(../images/search-white.png) no-repeat right 6px #000; border: 0 none; text-indent: -9999px; font: 12px Arial, Helvetica, Sans-serif; color: #d7d7d7; width: 25px; height: 25px; position: relative; z-index: 9; top: -8px; padding: 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; cursor: pointer; }
#apple #search input[type="text"]:hover { background: url(../images/search-white.png) no-repeat right 6px #31f0e6; }
#apple #search input[type="text"]:focus { background: url(../images/search-white.png) no-repeat right 6px #31f0e6; color: #000; text-indent: inherit; width: 225px; padding: 0px 10px; cursor: text; z-index: 0; }
#apple #search input[type="submit"] { background: url(../images/search-white.png) no-repeat right 6px #31f0e6; border: 0px; width: 25px; height: 25px; cursor: pointer; border-radius: 100px; position: absolute; margin: -8px 0 0 -25px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; z-index: 0; right: 0; }
#apple #search input[type="submit"]:focus { background: url(../images/search-dark.png) no-repeat right 6px #31f0e6; position: absolute; z-index: 99; }
/*Background Fade Images CSS*/
#background { margin: 0; padding: 0; position: absolute; z-index: -1; /*display: none;*/ top: 0; left: 0; width: 100%; height: 100%; background: url(../images/news-lg-bg-1.jpg) no-repeat; background-size: cover; /*opacity:0.7;*/ opacity:1; }
.news-bg { opacity: 1; height: 100%; position: fixed !important; }
.project-bg { opacity: 1; background: url(../images/projects-lg-bg-1.jpg) no-repeat !important; background-size: cover!important; height: 100%; position: fixed !important; }
.about-bg { opacity: 1; background: url(../images/about-lg-bg-1.jpg) no-repeat !important; background-size: cover!important; height: 100%; position: fixed !important; }
.practice-bg{ opacity: 1; background: url(../images/practice-lg-bg-1.jpg) no-repeat !important; background-size: cover!important; height: 100%; position: fixed !important; }
.awards-bg{ opacity: 1; background: url(../images/awards-lg-bg-1.jpg) no-repeat !important; background-size: cover!important; height: 100%; position: fixed !important; }
/*.portfolio { position: absolute; background: rgba(225,225,225,.85); clear: both; padding: 15px 0; z-index: 99; margin-bottom: 50px; width: 100%; margin-top:8.48%; }*/

.portfolio { position: relative; background: rgba(255,255,255,0.8); clear: both; /*padding: 15px 0;*/ z-index: 99; /*margin-bottom: 50px;*/ width: 100%; /*margin-top:8.48%;*/ padding: 15px 0 50px 0; margin-bottom:40px;}

.abtRightContnt portfolio { background: none repeat scroll 0 0 rgba(225, 225, 225, 0.85); margin-bottom: 50px; margin-left: 50px; padding: 15px 0; position: absolute; width: 1241px; z-index: 99; }
#main { position: relative; z-index: 1; /*display: none;*/ }
.main { display: table; height: 91.65%; width: 96%;/* padding: 20px;*/ max-width: 1220px; margin: 0 auto; padding:0 20px; }
.main img { margin: 0 auto;/* display: table;*/ max-width: 100%; }
/*.box1 { display: inline-table; width: 15.95%; margin: 0; height: 90%; position: relative; }*/
.abt-contnt-img > img{ width:100%;}
.box1 { display: inline-table; width: 19.7%; margin: 0; height: 92%; position: relative; }
/*.box1 h1 { font-weight: bolder; font-size: 49px; text-align: center; margin: 10px 0; font-family: "Flaticon"; }*/
.box1 h1 { font-weight: bolder; font-size: 49px; text-align: center; margin:0; font-family: "Flaticon"; color:#000; opacity:0.5; }
<!--.box1 h1 span { font-weight: normal; font-size: 28px; display: block; margin: -10px 0 0; position: relative; font-family: 'swis721_btroman'; color:#fff; }-->
.box1 h1 span { font-weight: normal; font-size: 28px; display: block; margin: -17px 0 0; position: relative; font-family: 'swis721_btroman'; color:#000; }
.box1 a { text-decoration: none; color: #fff; display: block; display: inline-table; height: 100%; width: 100%; }
.box1 .box-content:after { content: ""; display: table-cell; background: url(../images/the-project-clm-bg1.jpg) no-repeat center top; background-size: cover; height: 100%; width: 100%; position: absolute; top: 0px; z-index: -9; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
.box2 .box-content:after { background: url(../images/news-clm-bg1.jpg) no-repeat center top; background-size: cover; }
.box3 .box-content:after { background: url(../images/awards-bg1.jpg) no-repeat left top; background-size: cover; }
.box4 .box-content:after { background: url(../images/about-bg1.jpg) no-repeat left top; background-size: cover; }
.box5 .box-content:after { background: url(../images/practice-bg1.jpg) no-repeat left top; background-size: cover; }
.box1:hover .box-content:after { opacity: .4; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
.box3 .tab-area { margin-left: -488px; }
#content { position: relative; clear: both;}
.inner-box { height: auto; }
.inner-box .box-content:after { height: auto; background: none; }
.inner-box:after { height: auto; background: none !important; }
.select-box { background: rgba(255,255,255,0.8); height: auto !important; }
.select-box .box-content:after { background: none; }
.tab-area { background: rgba(255,255,255,0.65); position: absolute; width: 100%; padding: 15px 0px; /*min-height: 380px;*/  /*margin-top: 8.6%;*/ }
/*About other CSS*/
/*.about-contnt {background:rgba(225, 225, 225, 0.85);  /*margin-left: -768px; */ /*min-height: 380px; padding: 25px 30px 20px 20px; position: absolute;/* width: 1191px;}*/
/*.about-contnt { background: none repeat scroll 0 0 rgba(225, 225, 225, 0.85); min-height: 380px; padding: 25px 30px 20px 20px; position: absolute; width: 1167px; width: 99.8%;margin-top:8.2%; padding: 15px 0;}*/

.about-contnt { background: none repeat scroll 0 0 rgba(255,255,255,0.8); min-height: 100%; position: relative; width: 99.8%; padding: 15px 0 35px 0; float:left; margin-bottom:40px;}

/*.about-contnt .abtleft, .our-practice .abtleft{float: left;  margin: 0px 20px 20px 0; width: 180px;}*/
.about-contnt .abtleft, .our-practice .abtleft { float: left; /*width: 16%;*/ width: 100%; /*padding-left:20px;*/ /*margin: 13px 20px 20px 0;*/}

/*.about-contnt .abtleft a, .our-practice .abtleft a { color: #666; display: inline-block; font-size: 18px; margin-bottom: 10px; margin-left: 0px; padding: 3px 2px; text-decoration: none; width: 100%; }*/

.about-contnt .abtleft a, .our-practice .abtleft a { color: #666; display: inline-block; font-size: 17px; margin-bottom: 10px; margin-left: 28px; padding: 3px 2px; text-decoration: none; /*width: 100%;*/ }

.about-contnt .abtleft a:hover, .our-practice .abtleft a:hover { color: #000;}
.about-contnt .abtleft a.active,  .our-practice .abtleft a.active { color: #000; text-decoration:underline;}
/*.abtRightContnt { display: block; float: right; margin: 0; padding: 0; width: 940px; }*/
.abtRightContnt { display: block; float: left; margin:5px 0 0 0; padding: 0 30px; width: 95%; }
.abtRightContnt .contnt-left h2 { margin-top: 0px; }
/*.abtRightContnt .contnt-left { width: 48%; text-align: justify; float: left; }*/
/*.abtRightContnt .contnt-left { width: 45%; text-align: justify; float: left; margin-top:2px; }*/
.abtRightContnt .contnt-left { width: 34%; text-align: justify; float: left;/* margin-top:2px;*/ /*padding-left:30px;*/ }
/*.abtRightContnt .abt-contnt-img { width: 48%; float: right; margin-top: 7px; }*/
/*.abtRightContnt .abt-contnt-img { width: 45%; float: right; margin-top: 7px; padding-right:30px;}*/
.abtRightContnt .abt-contnt-img { width: 62%; float: right; margin: 3px 0 0 0; /*padding-right:30px;*/}

/*.abtRightContnt1 { display: block; float: right; margin: 0; padding: 0; width: 950px; }*/
.abtRightContnt1 { display: block; /* float: right;*/  margin: 2px 0 0;  padding: 0 30px;  width: 95%;  float: left;}
.abtRightContnt1 .contnt-left1 { float: left; text-align: justify; width: 48%; }
/*.abtRightContnt1 .abt-contnt-img { float: right; margin-top: 7px; width: 48%; }*/
.abtRightContnt1 .abt-contnt-img {  float: right; /* margin-right: 20px;  */margin-top: 0;  width: 46%; /*margin-bottom:5%;*/}
.contnt-left1 h4 { float: left; /*margin-top: 4px;*/ margin-bottom: 1%; margin-top: 5%; }
.contnt-left1 h2 { margin-top: 0; }
.contnt-left1 h3 { margin-top: 2px; }
.contnt-left1 p { float: left; margin-bottom: 10px; margin-top: 10px; width: 100%; }
.contnt-left1 > ul { float: left; margin: 0; width: 100%; }
.contnt-left1 li { float: left; list-style-type: none; width: 100%; margin: 0; }
.contnt-left1 strong { float: left; width: 100%; }
.mainmenu { display: none; }
/*.about-contnt ul { margin: 0px 0 0 13px; padding: 0px; }
.about-contnt ul li { font-size: 14px; margin: 0px 0 5px 0; }*/
.team { float: left;  margin: 0;  padding: 0 0 0 15px;}
.team > li { float: left;  margin-bottom: 15px; width:100%; list-style:initial;}
.team p { float: left;   margin: 5px 0 0;  width: 100%;}

/*.abtRightContnt .portfolio{ position:relative; left:-261px; width:1241px; padding-top:7px; background:none !important;}*/

.abtRightContnt .portfolio { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; /*left: -247px;*/ padding-top: 0; position: relative; /*width: 1217px;*/ margin-top:-10px; }
/*.abtRightContnt .portfolio .list{ float:right; margin-top:0px;}*/
.abtRightContnt .list { float: right; margin-top: 0px; width: 100%; }
.about-contnt ul.slides { margin-left: 0px !important; }
/*Our Practice*/
/*.our-practice { background: rgba(225, 225, 225, 0.85);  margin-left: -1037px;  min-height: 380px; padding:15px 0; position: absolute; width: 99.8%; }*/
.our-practice { background: rgba(255,255,255,0.8); /* margin-left: -1037px; */ min-height: 100%; padding:15px 0 35px 0; position: relative; width: 99.8%; float:left; margin-bottom:40px;}
.our-practice ul { margin: 0px 0 0 13px; padding: 0px; width:50%;}
.our-practice ul li { font-size: 14px; /*margin: 0px 0 15px 0;*/ margin:5px 0 0 0;}
.our-practice ul li p { margin: 0px; }
.our-practice ul li strong { margin: 0 0 4px; display: block; }
.career-form { list-style-type: none; margin: 0px !important; padding: 0px; float: left; }
.career-form li { width: 49%; padding-right: 1%; float: left; display: table; }
.career-form li span { display: table; margin-bottom: 4px; }
.career-form li input, .career-form li select { width: 96%; /*height: 32px;*/ padding:8px 4px; border: 0px; /*border: 1px solid #fff;*/ /*background: #fff;*/ color: #000; font-size: 13px; margin-bottom:3px; background: none; border:1px solid #000;}
.career-form li select { /*height: 35px;*/ width: 99.9%; padding:7px 4px; }
.error { color: red;  font-size: 13px;}
/*.textfield { width: 95%; border: 0px; border: medium none; background: #4c4c4c; color: #666; font-size: 13px; padding: 5px;}*/
.textfield { width: 95%; border: 0px; border: medium none; background: #fff; color: #000; font-size: 13px; padding: 3% 2%; background: none; border:1px solid #000; margin-bottom:3px;}
.career-form1 span { display: table;  margin-bottom: 4px;}
.career-form li input[type="submit"], .career-form li input[type="reset"] { width: 25%; /*background: #008f87s;*/ color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 10px 5px; border: 0px; cursor: pointer; margin-right:20px; /*background-color: #31f0e6;*/ background-color: #5e5e5e; margin-top:20px;}
/*.career-form li input[type="submit"]:hover, .career-form li input[type="reset"]:hover { background: #008f87; color: #fff; }*/
.career-form li input[type="submit"]:hover, .career-form li input[type="reset"]:hover { /*background: #31f0e6;*/ color: #fff; background: #5e5e5e;  }
.contnt-left p {  margin-top: 0;}
.contnt-left h4 { margin-top: 4px; }
.contnt-left > li { list-style-type: none; }
.contnt-left a { color: #000; width: auto; }
.adddetail { margin: 0 !important; list-style-type: none; width:100% !important;}
.adddetail > li { float: left; width: 100%; }
/*.fa-map-marker:before { content: ""; font-size: 25px; color: #008f87; }*/
.fa-map-marker:before { content: ""; font-size: 25px; color: #5e5e5e; }
.adddetail p { float: left; margin-left: 15px !important; margin-top: 4px !important; width: 75%; }
.fa-phone:before { content: ""; font-size: 25px; color: #5e5e5e; }
.adddetail strong { float: left; width: 21px; }
.fa-envelope:before { content: ""; font-size: 20px; color: #5e5e5e; }
.fa-fax:before { content: ""; font-size: 20px; color: #5e5e5e; }
.textfieldcom { /*background: none repeat scroll 0 0 #fff;*/ border: medium none;; color: #000; font-size: 13px; padding: 1%; width: 96.5%; background: none; border:1px solid #000;}
.mail { color: #4c4c4c !important; text-decoration: underline !important; width: auto !important; }
.mail:hover { color: #4c4c4c !important; text-decoration: none !important; width: auto !important; }
.hme-submenu { position: relative; margin: 32px 20px 0; padding: 0px; list-style-type: none; text-align: center; display: none; }
.hme-submenu li { margin-bottom: 30px; text-transform:lowercase; }
.hme-submenu li a { font-size: 22px; font-family: 'swis721_btroman'; color: #060701; }
.box1:hover .hme-submenu { display: block; }

/*.menu-inner { list-style-type: none; margin:0px; padding: 0px; }*/
.menu-inner { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; }
.menu-inner li { float: none; margin: 0px; padding: 0px; display: inline-table; }
.menu-inner li a { font-weight: bold; font-size: 12px; font-family: 'swis721_btroman'; color: #8c9194; }
.menu-inner li a.active { color: #111; }
.menu-inner li a:before { content: "|"; padding: 0 5px; }
.menu-inner li:first-child a:before { content: ""; padding-left: 0px; }
.inner-btn-Logo { position: fixed; bottom: 0px; width: 100%; left: 0px; }
.inner-btn-Logo img { position: relative; left: -4px; }
.middle { background-color: beige; }
.right { width: 15%; }
/*Projects Content Area */
.project-content { position: absolute; margin-left: 0; width: 1191px; padding: 20px 16px 20px; min-height: 400px; background: rgba(225,225,225,.85); }
.project-Left { width: 180px; padding: 20px 4px; font-family: 'swis721_btroman'; float: left; }
.project-Left ul { margin: 0px; padding: 0px; list-style-type: none; }
.project-Left ul li { margin: 0px 0 20px; padding: 0px; }
.project-Left ul li a { font-size: 18px; display: block; }
.project-thmb { float: left; margin: 0 0 0 20px; padding: 0px; font-size: 12px; font-family: 'swis721_btroman'; width: 960px; position: relative; z-index: 99 }
.project-thmb ul { list-style-type: none; padding: 0px; margin: 0px; }
.project-thmb ul li { float: left; margin: 0 0 4px 4px }
.project-thmb ul li a { width: 76px; height: 76px; background: rgba(225,225,225,.7); border-bottom: 1px solid #62635f; border-right: 1px solid #62635f; display: block; }
.project-thmb ul li a.image { display: block; margin: 0; background: url(../images/lazyload-spin.gif) center center no-repeat rgba(225,225,225,100); padding: 0; border: 0px; outline: none; height: 100% !important; }
/*Projects Detail  Content Area */
.project-detail { padding: 30px; background: #fff; clear: both; margin: 5px -16px -20px; }
.project-detail-contnt { width: 450px; float: left; text-align: justify; margin: 0 40px; }
.project-detail-contnt h2 { margin: 0 0; }
/*.tab-contnt-left { width: 490px; float: left; }*/

.tab-contnt-left { width: 48%; float: left; text-align:justify; }
.carform > p { float: left;  margin:7px 0;}
.career-form1 { float: left;  margin: 0 !important;  width: 100% !important;}
.career-form1 > li { padding-right: 1%;  width: 49%;}
.potrait {
    width: auto !important;
    height:500px;
}
.button1 {  /*background-color: #31f0e6;*/ background-color: #5e5e5e; border: 0 none;  color: #fff;  cursor: pointer;  font-size: 12px;  font-weight: bold;  margin-right: 20px;  padding: 10px 5px;  text-transform: uppercase;  width: 25%;  /*height:32px; */margin-top:20px;}


/*Chrome and Safari Hack CSS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .box1 { display: inline-table; width: 20%; margin: 0; /*height: 100%;*/ position: relative; float: left; }
    #apple #search input[type="submit"] { margin-top: -6px; position:  absolute; right:0; }
    #apple #search input[type="text"] { margin-top: 10px; position:  absolute; right:0; }
    /*.career-form li select {margin-right: 1%;}*/
}
/*Chrome and Safari Hack CSS*/
@media (max-width:1317px) {
    /*.box1 { display: inline-table; width: 17.15%; margin: 0; /*height: 100%;} */	

    .box1 { display: inline-table; margin: 0; /*height: 100%; */ }
    .box3 .tab-area { margin-left: -503px; }
    /*.about-contnt { margin-left: -725px;  width: 1134px;}*/
    /*.abtRightContnt { width: 865px; }*/
    /*.our-practice { margin-left: -930px;  width: 1100px;}*/

    /*.abtRightContnt1 { width: 83%;}*/


    .verticalslider_contents li { width: 75%; }
    /*.tab-contnt-left { width: 430px; }*/
    .tab-area { width: 100%; }
    /*.our-practice { width: 1100px; }*/
}
@media (max-width:1198px) {

    /*.main { height: 90%; width: 96% !important; padding: 2.8% 2%; }*/
    .main { height: 90%; width: 96% !important;/* padding: 20px 2%; */  padding: 0 2%; }
    .box1 { display: inline-table; width: 17.15%; margin: 0; /*height: 100%; */ }
    /*.tab-area { width: 923px; margin-left: -197px; }*/
    .box3 .tab-area { margin-left: -394px; }
    /*.inner-box, .select-box { width: 17.15%; }*/

    .inner-box, .select-box { width: 19.66%; }
    /*Projects Content Area */
    .project-content { position: absolute; margin-left: 0; width: 935px; padding: 15px 0px 20px; min-height: 400px; }
    .project-Left { width: 124px; padding: 20px 20px; background: #990 }
    .project-thmb { width: 751px; }
    /*Projects Detail  Content Area */
    .project-detail { padding: 20px 2%; background: #fff; display: table; clear: both; width: 96%; margin-top: 5px; }
    .project-detail-contnt { width: 350px; float: left; text-align: justify; }
    .project-detail-contnt h2 { margin: 0 0; }
    /*.about-contnt .abtleft, .our-practice .abtleft { float: left; margin: 0 20px 20px 0; width: 130px; }*/
    /*.about-contnt { width: 1087px !important;}*/
    /*.about-contnt { margin-left: -586px;  width: 900px;}*/
    .abtRightContnt .contnt-left { float: left; text-align: justify; width: 36%; }
    /*.abtRightContnt .abt-contnt-img { float: left;  margin-top: 7px;  width: 48%; margin-left:20px;}*/

    .contnt-left { float: left; width: 270px; }
    .abt-contnt-img { float: left; /*margin: 0 0 0 20px;*/ width: 438px; }
    .abtleft { width: 160px; }
    /*.abtRightContnt { width: 710px; }*/
    /*.our-practice {  margin-left: -792px;  width: 910px;}*/

    .tab-area { width: 100%; }
    /*.our-practice { width: 1050px;}*/

    /*.our-practice { width: 905px; }*/
    /*.abtRightContnt1 { display: block;  float: right;  margin: 0;  padding: 0;  width: 880px;}*/

    /*.abtRightContnt1 { display: block; float: right; margin: 0; padding: 0; width: 745px; }*/
    /*.about-contnt { width: 1093px;}*/
    /*.about-contnt { width: 897px; }*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {	.box1 {width: 20%;}}
}

@media(max-width:1024px)
{
    .abtRightContnt .abt-contnt-img { width: 62%;}
}


@media (max-width:1000px) {
    header { padding-left: 0px !important; padding-right: 0px !important; }
    .hdr-right { width: auto;/* margin-right:50px;*/ }
    .hdr-right ul li { margin: 0 0 0 7px; float: left; }
    .box1 a { color: #111; }
    #search { margin-top: 8px; }
    #apple #search input[type="text"]:focus { background: url(../images/search-dark.png) no-repeat right 6px #31f0e6; color: #000; text-indent: inherit; width: 230px; padding: 0px 10px; cursor: text; z-index: 0; }
    .logo {	right:27px !important;}

    #apple { /*position: absolute;  */right: 0; /* top: -20px;*/}
    .main { /*max-width: 600px; */width: 92% !important;/* padding: 20px 4%;*/ margin: 0 auto; display: block;  padding: 0 4%;}
    /*.box1 { display: none; height: auto; width: 100%; margin: 0 0 4px; padding: 5px 0; }*/
    .box1 { display: inline-table;  height: auto;  margin: 0;  position: relative;  width: 19.54%;}
    /*.box1 h1 { text-align: left; }*/
    .box1 h1 span { font-size: 20px; margin-top: -5px; }
    /*.box1 .box-content:after { content: ""; background-position: right center; background-size: 155px 82px; }*/
    .mbox1 .box-content:after { content: ""; background: url(../images/th-projects-row-bg.jpg) no-repeat right center; background-size: cover; }
    .mbox2 .box-content:after { background: url(../images/news-row-bg.jpg) no-repeat right center; background-size: cover; }
    .mbox3 .box-content:after { background: url(../images/awards-row-bg.jpg) no-repeat right center; background-size: cover; }
    .mbox4 .box-content:after { background: url(../images/about-row-bg.jpg) no-repeat right center; background-size: cover; }
    .mbox5 .box-content:after { background: url(../images/practice-row-bg.jpg) no-repeat right center; background-size: cover; }
    .mbox1:hover .box-content:after { opacity: .4; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
    .box1:hover .hme-submenu { display: none; }
    /*.select-box { display: block; background: none; }*/
    .select-box { background: none repeat scroll 0 0 rgba(255,255,255,0.8);  height: auto !important;}
    /*.box1 h1 { font-family: "Flaticon"; font-size: 30px;  font-weight: bolder;  margin: 10px 0;  text-align: left;}*/

    .box1 h1 { font-family: "Flaticon"; font-size: 40px;  font-weight: bolder;  margin: 10px 0;  text-align: left; color:#000;}


    /*.tab-area { background: none; position: relative; margin-left: auto; width: 100%; padding: 0px 0px 20px; min-height: 400px; }*/
    .tab-area {position: relative; margin-left: auto; width: 100%; padding: 15px 0px;/* min-height: 400px;*/ }

    .select-box h1 { /*font-size: 32px;*/ position: relative; /*padding: 15px 0;*/ margin:10px 0; }
    .inner-box h1 {
        text-align: center;
    }
    .box1 h1 span {  color: #000;  font-size: 23px;  margin-top: -12px;}
    .box-home { display: block; }
    .box3 .tab-area { margin-left: 0px; }
    .select-box h1:after { font-size: 32px; /*background: url(../images/news-lg-bg.jpg) no-repeat center center !important;*/ content: ""; float: right; height: 82px; width: 155px; background-size: 100% 100% !important; top: 0px; position: absolute; right: 0px; }
    /*.select-boxP h1{ display:table; margin:0 auto; width:250px; }*/
    .select-boxP h1:after { background: url(../images/projects-lg-bg.jpg) no-repeat center center !important; background-size: 100% 100% !important; }
    /*.menu-inner { list-style-type: none; margin: 0px; padding: 0px 0 12px; margin-left: 0px; }*/
    /*.menu-inner li { float: none; margin: 0px 0 5px; padding: 0px; display: table; }*/
    /*.menu-inner li a { font-weight: bold; font-size: 14px; font-family: 'swis721_btroman'; padding: 0 10px 0 0; color: #8c9194; display: table; }
    .menu-inner li a:before { content: none; padding: 0 0px 0 0; display: none; }
    .menu-inner li a.active { color: #111; }*/
    /*Projects Content Area */
    .project-content { position: absolute; margin-left: 0; width: 248px; padding: 15px 0px 20px; min-height: 400px; background: none; }
    .project-Left { width: 124px; padding: 20px 20px; }
    .project-Left { background: none; width: 86px; padding: 0px }
    .project-Left ul li { margin: 0px 0 20px; padding: 0px; }
    .project-Left ul li a { font-size: 15px; display: block; }
    .project-thmb { width: 160px; margin-left: 0px; }
    .project-thmb ul li { float: left; margin: 0 0 3px 3px }
    .project-thmb ul li a { width: 45px; height: 45px; background: rgba(225,225,225,.7); border-bottom: 1px solid #62635f; border-right: 1px solid #62635f; display: table; }
    .project-thmb ul li a img { height: 37px; }
    .pcount { margin: -24px 0 0 77px; position: absolute; }
    /*Projects Detail  Content Area */
    .project-detail { padding: 0px 0%; background: #fff; display: table; clear: both; width: auto; margin-top: 0px; }
    .project-detail-contnt { width: 100%; float: left; text-align: justify; }
    .project-detail-contnt h2 { margin: 0 0; }
    /*.abtRightContnt { position: absolute; width: auto; }*/
    .abtRightContnt .portfolio { left: 0px; width: 100%; }
    /*.about-contnt {background: none; position: relative; margin-left: auto; width: 100%; padding: 15px 0px 20px; min-height: 400px; }*/
    .about-contnt {  float: left;  margin-left: auto;  min-height: 400px;  padding: 15px 0 35px;  position: relative;  width: 99.5%;}
    /*.abtleft { list-style-type: none; margin: 0 !important; padding: 0 0 12px !important; }*/
    /*.abtleft a { margin: 0 0 5px !important; padding: 0 !important; font-size: 14px !important; font-weight: bold !important; }*/
    /*.abtRightContnt .contnt-left { margin-top: 22%; }*/
    /*.abtRightContnt .abt-contnt-img { margin-top: 22%; }*/
    /*.our-practice {  margin-left: 0;  width: 100%; background:none; padding:0;}*/

    .our-practice { margin-left: 0; width: 99.45%; /*background: none;*/ padding: 15px 0; }
    /*.abtRightContnt .contnt-left { margin-top: 22%; width: 48%; }*/
    .menu-inner { display: block; }
    .career-form li span { font-size: 12px; }
    .career-form li { display: table; padding-right: 4%; width: 100%; }
    .textfieldcom { width: 96%; }
    /*.abtRightContnt1 { width: 100%; }*/
    .abtRightContnt1 > form { float: left;}
    .our-practice ul {  margin: 0 0 0 13px;  padding: 0;  width: 100%;}
    .career-form li {  display: table;  padding-right: 1%;  width: 49%;}
    .carform > p { width:100%;   float: left; margin:7px 0;}
    .career-form1 > li {  padding-right: 2%;  width: 48%;}
	.content{ height: 300px !important; padding-right:10px;}

    /*.adddetail p { margin-left: 5% !important;}*/

    @media screen and (-webkit-min-device-pixel-ratio:0) {	.box1 {width: 20%;}}
}

@media (min-width:1000px)
{
@media screen and (-webkit-min-device-pixel-ratio:0){
#apple #search input[type="submit"] { margin-top: -13px; position:  absolute; right:0; }
    #apple #search input[type="text"] { margin-top: -5px; position:  absolute; right:0; }
}
}
@media (max-width:767px)
{
    .box1 { /*width: 19.4%;*/ display:none; padding:0 20px;}
    .select-box { display: block; /*background: none; */}
    .abtRightContnt .portfolio { padding-top: 0;}
    .nav{ display:block; z-index:999; /*margin-top:50px;*/ width:100% !important;}

    .navi{ top:50px; width:100%; position:absolute;}
    /*.navi{ top:5px; width:92%; position:absolute;}*/
    /*.abtRightContnt1 {  padding: 0 4%;  width: 92%; float:left;}*/
    .abtRightContnt1 { float: left;  margin: 0;  padding: 0 30px 20px;  width: auto;}
    .hdr-right { float: right; margin: 13px 0 0 0; }
    .about-contnt .abtleft, .our-practice .abtleft {  float: left;  margin: 0;  width: 100%;}
    .about-contnt .abtleft a, .our-practice .abtleft a { width: auto;}
    .abtRightContnt1 .abt-contnt-img { float: right;  margin-top: 7px;  width: 48%; margin-right:0;}
    .career-form1 > li { width: 100%;}

    .adddetail p {  margin-left: 6% !important;}
    .abtRightContnt .contnt-left { width: auto; padding:0 30px;}
    .abtRightContnt .abt-contnt-img { width: auto; padding:0 30px; float:left;}
	.content{ height: 350px !important;}
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*#search { margin-top: -11px;}*/

    .box1 a { display: block;  }
}
@media (max-width:600px) {

    .abtRightContnt1 .abt-contnt-img { width: 100% !important; margin:15px 0 0 0;}
    /*.abtRightContnt .contnt-left { width: 94%;}*/
    /*.abtRightContnt .abt-contnt-img {  margin: 7px 0 0;  padding: 0 5%;  width: 95%;}*/
    .career-form li { display: table;  padding-right: 1%;  width: 49%;}
    .carform { float: left;  margin: 10px 0 0;}
    .career-form1 > li {  width: 100%;}
    .career-form li input {  width: 95%;}
    .textfield { width: 95%;}
    .adddetail p { margin-left: 12px !important;}
    .contnt-left1 {  width: 100% !important;}
    .textfieldcom { width: 97%; }
	.content{ height: 400px !important;}
}

@media (max-width:480px) {
    .career-form li { display: table;  padding-right: 4%;  width: 100%; }
    .career-form li input {  width: 97%;}
    .textfield { width: 95%;}
}

@media (max-width:430px) {
    /*.select-boxP h1{ width:250px; }*/


}
@media (max-width:400px) {
    .select-boxP h1 { width: 100%; }
}


/*Chrome and Safari Hack CSS*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab-area { margin-top:8.48%;}
#content {margin-top:103px; position:relative; }
}*/
/*Chrome and Safari Hack CSS*/


/* Added By Nishant Solanki */

.colio-container .custom-navigation a {
    background: none repeat scroll 0 0 #cccccc;
    float: left;
    height: 24px;
    margin-right: 5px;
    padding: 5px;
    transition: background 0.1s ease 0s;
    width: 20px;
}

.colio-container .custom-navigation .custom_prev span {
    background: url("../images/controls.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.colio-container .custom-navigation .custom_next span {
    background: url("../images/controls.png") no-repeat scroll -24px 0 rgba(0, 0, 0, 0);
}
.colio-container .custom-navigation span {
    display: inline-block;
    height: 24px;
    text-indent: -9999px;
    width: 24px;
}

.colio-container .custom-navigation {
    left: 2.5%;
    position: absolute;
    top: 0;
    z-index: 99;
}

.colio-container .custom-navigation .disabled {
    cursor: not-allowed;
    background: none repeat scroll 0 0 #EEE !important;
}
.content{
	overflow: auto;
	position: relative;
	height: 486px;
	margin:0 !important;
	padding:0;
	
}

.pdf-ico {float:right; margin-right:30px !important;}