/*****************************************************************************sandeep's stylesheet**********************************************************/
@media screen and (min-width:175px) and (max-width:641px) { 
	.inner-banner img{ width:100%; height:125px;}
	.inner-banner-art{ left:5%; top:30%; font-size:25px; line-height:30px;}
	.mid-content{ width:90%; padding:0 5%; float:none; font-size:14px}
	.title{ font-size:20px; line-height:24px;}
	.aside{ display:none}
	.aside-inner{padding: 20px 5% 2.3% 20px;}
	.aside-art{ line-height:18px; font-size:14px;}
	.t-top-pdng{ padding-top:45px;}
	.no-top-m{ margin-top:0}
	.no-lne-hght{ line-height:0}
	.aside-inner{ float:none; width:81.5%; margin:2% 5%;}
	.main-content .row2 .col1, .main-content .row3 .col3, .main-content .row4 .col1{ display:none;}
	.aside-links{ display:none}
	#content .inner-spacer{ padding:0} 
	
	/*************hide work*************/
	.mid-figure{ display:none}
}
@media screen and (min-width:175px) and (max-width:531px) {
	.menu, .top-multi-links{ display:none}
}
@media screen and (min-width:175px) and (max-width:400px) {
	.logo{ width:50%;}
	.social-links a{ background-size:cover !important; width:15px; height:15px}
	#header .inner-spacer, #footer .inner-spacer{padding:8px 10px 6px 10px;}
	.top-links{ text-align:right}
	.social-links{ margin-left:8px;}
	.menu{ text-align:right}
	.menu a{ margin-left:15px}
	.main-content{ width:100%}
	.nav { font-size:15px}
	
	/**************rmm***********menu******************/
	.rmm{ line-height:12px; font-size:12px !important; margin-top:10px !important; width:93px !important; position:absolute !important; right:4%; z-index:999999; top:32px}
	.rmm.graphite .rmm-toggled{ min-height:20px !important}
	.rmm.graphite .rmm-toggled-controls{ background-position:0 center !important; height:20px !important;}
	.rmm.graphite .rmm-toggled-title{ top:4px !important; left:10px !important; line-height:12px !important; font-size:12px !important;}
	.rmm.graphite .rmm-button{ top:3px !important; right:10px !important}
	.rmm.graphite .rmm-button span{ margin-top:3px !important; height:1px !important}
	
	/*slider*/
	.slidesjs-container, .slidesjs-control{ height:150px !important}
	.slidesjs-container, .slidesjs-control img{ width:100%; height:150px}
	.slidesjs-pagination li:first-child{ margin-left:72%}
	.slidesjs-pagination{ padding:12px}
	.slidesjs-previous,.slidesjs-next{ display:none}
	.banner-art{ font-size:20px; line-height:20px; top:30%; left:2%}
	.slidesjs-pagination li{ display:none}
	.banner-title2{ top:10.5%; font-size:15px;}
	
	/*fade content here*/
	.fade,.fade2{ width:253px !important}
	.prev, .prev2{ right:10px; top:30%}
	.fade-content{ padding-top:0; font-size:11px; top:5px !important}
	.fade-inner{ line-height:15px; width:250px !important}
	.fade-inner span{ padding-bottom:3px; padding-top:5px;text-overflow: ellipsis; width:250px; white-space: nowrap; overflow: hidden;}
	.fade-inner .news a{ display:inline-block;}
	.news-art{ font-size:13px; bottom:10px;}
	.recent-releases img,.recent-coverage img{ height:115px; width:100%}
	
	.navart, .main-art{ font-size:15px; line-height:20px}
	.main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row4 .col2, .main-content .row4 .col3, .main-content .row5 .col1, .main-content .row5 .col2
	{ width:100%}
	
	.foot-links,.copyright{ float:none; line-height:18px; text-align:center;}
	.copyright{ margin-top:5px}
}

@media screen and (min-width:175px) and (max-width:241px) {
	#header .inner-spacer{ height:58px;}
	.social-links{ display:inline-block; margin-top:8px;}
	.logo{ width:45%;}
	.top-links{ margin-left:0}
	.social-links a{ background-size:cover !important; width:14px; height:14px;}
	
	/**************rmm***********menu******************/
	.rmm{ line-height:12px; font-size:12px !important; z-index:999999; position:absolute !important; top:45px !important; left:5% !important; width:90% !important}
	.rmm.graphite .rmm-toggled{ min-height:20px !important}
	.rmm.graphite .rmm-toggled-controls{ background-position:0 center !important; height:20px !important;}
	.rmm.graphite .rmm-toggled-title{ top:4px !important; line-height:12px !important; font-size:12px !important;}
	.rmm.graphite .rmm-button{ top:3px !important}
	.rmm.graphite .rmm-button span{ margin-top:3px !important; height:1px !important}
	
	/*slider*/
	.slidesjs-container, .slidesjs-control{ height:120px !important}
	.banner-art{ left:5%; top:25%}
	.banner-title2{ top:8.5%; left:5%; font-size:13px;}
	
	/*fade content here*/
	.fade,.fade2{ width:173px !important}
	.prev, .prev2{ right:10px; top:30%}
	.fade-inner{ line-height:12px; width:173px !important}
	.fade-inner span{ padding-bottom:3px; padding-top:5px;text-overflow: ellipsis; width:173px; white-space: nowrap; overflow: hidden;}
	.fade-inner .news a{ display:inline-block;}
	.news-art{ font-size:13px; bottom:10px;}
	.recent-releases img,.recent-coverage img{ height:110px; width:100%}
	
	.navart, .main-art, .nav{ font-size:13px; line-height:15px}
}	
@media screen and (min-width:176px) and (max-width:599px) {
	#fancybox-wrap{display:none !important}
	#fancybox-overlay{ display:none !important}
}

@media screen and (min-width:479px) and (max-width:768px) {
	/*fade content here*/
	.fade,.fade2{ width:206px !important}
	.prev, .prev2{ right:10px}
	.fade-content{ padding-top:0; font-size:11px; top:5px !important}
	.fade-inner{ line-height:13px; width:206px !important}
	.fade-inner .news a{ display:inline-block;}
	.news-art{ font-size:13px; bottom:10px;}
	
	.fade-inner span{ padding-bottom:3px; padding-top:5px;text-overflow: ellipsis; width:150px; white-space: nowrap; overflow: hidden;}
	.nav{ font-size:13px;}
}
@media screen and (min-width:479px) and (max-width:1080px) {
	#header .inner-spacer, #footer .inner-spacer{padding:8px 10px 6px 10px;}
	.top-links{ text-align:right}
	.social-links{ margin-left:8px;}
	.menu{ text-align:right}
	.menu a{ margin-left:15px}
	.aside{ display:none}
	.main-content{ width:100%;}
	.main-art,.navart{ left:4%; font-size:17px;}
	.main-content .row2 .col1, .main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, 
	.main-content .row3 .col2, .main-content .row3 .col3,.main-content .row4 .col1,.main-content .row4 .col2,.main-content .row4 .col3
	{ width:33.2%}	
	
	/*slide here*/
	.slidesjs-container, .slidesjs-control{ height:250px !important; width:auto}
	#slides .slidesjs-next,#slides .slidesjs-previous{ margin:0;}
	.slidesjs-next,.slidesjs-previous{ top:30%;}
	.banner-art{ top:30%; font-size:35px; line-height:40px}
	.slidesjs-pagination li:first-child{ margin-left:78%}
	.banner-title2{ top:33.4%;}
	
	/*inner page style here*/
	.inner-banner-art{ top:30%; line-height:40px; font-size:35px;}
	#content .inner-spacer{ padding:0 0 0 25%}
	#content .hide-spacer{ padding:0 10px;}
	#content .wdth80percnt{ width:80%}
	.mid-content{ width:64%;}
	.co-addresses { width:678px}
	.txtnowrap{white-space: nowrap;}
	.foot-links,.copyright{ float:none; line-height:18px; text-align:center}
	
	/*work css here*/
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{ width:31%}
	#content .wrk-spacer{ padding:0 0.5% 0 0.5%; width:99%}
	.hover-content{ height:69%;}
	#fancybox-frame{ height:470px;}
	#fancybox-close{ right:-8px; top:-20px}
	#fancybox-outer{ margin-top:7.5%}
	#fancybox-wrap{ left:0 !important;width:756px !important; padding:5px}
	#fancybox-content{width:756px !important;	height:470px !important;}
	.pop-title{ font-size:26px;}
	
	/*aside here*/
	.aside-inner{ width:27%}
	.aside-links .title2, .aside-inner .title2{ font-size:18px}
	.aside-hide{ display:none}
	.write-us{ color:#666}
}

@media screen and (min-width:479px) and (max-width:641px) {
	.slidesjs-container, .slidesjs-control{ height:193px !important}
	.slidesjs-pagination li:first-child{ margin-left:72%}
	.slidesjs-pagination{ padding:1.5%;}
	.banner-title2{ top:19.7%}
	.main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row4 .col2, .main-content .row4 .col3, .main-content .row5 .col1, .main-content .row5 .col2
	{ width:49.8%}
}
@media screen and (min-width:361px) and (max-width:641px) {
	/**************rmm***********menu******************/
	.rmm{ line-height:15px; font-size:14px !important; margin-top:10px !important; width:23% !important; position:absolute !important; right:2.5%; z-index:999999; top:32px}
	.rmm.graphite .rmm-toggled{ min-height:25px !important}
	.rmm.graphite .rmm-toggled-controls{ background-position:0 center !important; height:25px !important;}
	.rmm.graphite .rmm-toggled-title{ top:6px !important; left:10px !important; line-height:12px !important; font-size:14px !important;}
	.rmm.graphite .rmm-button{ top:5px !important; right:10px !important}
	.rmm.graphite .rmm-button span{ margin-top:3px !important; height:1px !important}
	
	.main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row4 .col2, .main-content .row4 .col3, .main-content .row5 .col1, .main-content .row5 .col2
	{ width:49.75%}
	.main-art, .navart{ font-size:16px}
	
	/*****************slider style*****************/
	.slidesjs-container, .slidesjs-control{ height:180px !important}
	.slidesjs-container, .slidesjs-control img{ width:100%; height:180px}
	.banner-title2{ top:21.4%;}
	.slidesjs-pagination li:first-child{ margin-left:65.4%}
	
	/*fade content here*/
	.fade,.fade2{ width:182px !important}
	.prev, .prev2{ right:10px}
	.fade-content{ padding-top:0; font-size:11px; top:5px !important}
	.fade-inner{ line-height:13px; width:182px !important}
	.fade-inner span{width:170px;}
	.fade-inner .news a{ display:inline-block;}
	.recent-releases img,.recent-coverage img{ height:115px; width:100%}
	
	#footer .inner{ letter-spacing:0.3px;}

}
@media screen and (min-width:239px) and (max-width:769px) {
	.aside-links .title2, .aside-inner .title2{ font-size:16px}
	.aside-list{ font-size:14px;}
}
@media screen and (min-width:532px) and (max-width:5000px) {
	.rmm{ display:none !important}
}
@media screen and (min-width:642px) and (max-width:5000px) {
	.main-content .row5 .col1, .main-content .row5 .col2{ display:none;}
	.our-clients{ display:none !important}
}

/********************nexsus 7**************************/
@media screen and (min-width:580px) and (max-width:620px) {
	.banner-art{ top:24%}	
	.banner-title2 {top: 17.7%;}
	.slidesjs-pagination li:first-child{ margin-left:73%;}
	.fade, .fade2 {width: 248px !important;}
	.fade-inner{ width:248px !important;}
	.prev, .prev2{ right:5px;}
	
	/*work css here*/
	.our-clients{ display:none !important}
	.mid-figure{ display:block !important}
	#content .wrk-spacer{ width:99%; margin-left:1%;}
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{ width:32%;}
	.mid-figure-inner li img{ width:100%; height:140px}
	.mid-figure-inner li.lft-spacer{ margin-left:1%;}
	.hover-content{ height:82%}
	.mask a{ font-size:10px;}
	.mid-figure-inner .nav{ line-height:10px}
	#fancybox-outer{ margin-top:23% !important;}
	#fancybox-frame{ height:450px;}
	#fancybox-close{ right:-8px; top:-20px}
	#fancybox-outer{ margin-top:7.5%}
	#fancybox-wrap{ left:0 !important;width:585px !important; padding:5px}
	#fancybox-content{width:585px !important;	height:450px !important;}
	.pop-title{ font-size:20px;}
	.pop-client-segment ul{color:#fff; width:100% !important; height:80px !important; overflow:scroll; overflow-x:hidden}
}

@media screen and (min-width:950px) and (max-width:1000px) {
	.banner-art{ top:24%}
	.banner-title2 {top: 28.3%;}
	.slidesjs-pagination li:first-child{ margin-left:82%;}
	.fade, .fade2 {width: 270px !important;}
	.fade-inner{ width:270px !important;}

	/*work css here*/
	#content .wrk-spacer{padding: 0 0.5% 0 1.8%;width:97.7%;}
	.hover-content{ width:98%; height:76%}
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{ width:31.4%}
	#fancybox-frame{ height:550px;}
	#fancybox-close{top: -15px;	right: -15px;}
	#fancybox-outer{margin-top:7%;}
	#fancybox-wrap{left:0 !important; width:940px !important;}
	#fancybox-content{width:940px !important;	height:550px !important;}
}

@media screen and (min-width:1023px) and (max-width:1081px) {
	#header .inner-spacer, #footer .inner-spacer{padding:8px 10px 6px 10px;}
	.top-links{ text-align:right}
	.social-links{ margin-left:8px;}
	.menu{ text-align:right}
	.menu a{ margin-left:15px}
	.aside{ display:none}
	.main-content{ width:100%;}
	.main-art,.navart{ left:4%; font-size:17px;}
	.main-content .row2 .col1, .main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, 
	.main-content .row3 .col2, .main-content .row3 .col3,.main-content .row4 .col1,.main-content .row4 .col2,.main-content .row4 .col3
	{ width:33.2%}	
	
	/*slide here*/
	.slidesjs-container, .slidesjs-control{ height:280px !important; width:auto}
	#slides .slidesjs-next,#slides .slidesjs-previous{ margin:0;}
	.slidesjs-next,.slidesjs-previous{ top:30%;}
	.slidesjs-pagination li:first-child {margin-left: 83%;}
	.banner-art{ top:25%; font-size:35px; line-height:40px}
	.banner-title2{ top:30%;}
	
	/*fade content here*/
	.fade-inner{ width:280px}
	.fade-inner span{ padding-bottom:3px;}
	
	/*inner page banner css here*/
	.inner-banner img{ height:276px}
	
	/*inner page style here*/
	.inner-banner-art{ top:30%; line-height:40px; font-size:35px;}
	#content .inner-spacer{ padding:0 0 0 24%}
	#content .hide-spacer{ padding:0 10px;}
	#content .wdth80percnt{ width:70%}
	
	/*work css here*/
	.mid-figure{ padding-right:5%}
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{ width:31.7%}
	.hover-content .col2 a, .hover-content .col a{ margin:3px 0 0 0}
	#content .wrk-spacer{ width:94.5%; padding:0 0 0 5.5%}
	.hover-content{ height:75%;}
	#fancybox-frame{ height:540px;}
	#fancybox-close{ right:-21px; top:-21px}
	#fancybox-outer{ margin-top:6.7%}
	#fancybox-wrap{ left:22px !important;width:960px !important; padding:5px}
	#fancybox-content{width:960px !important;	height:540px !important;}

	.mid-content{ width:65%;}
	/*aside here*/
	.aside-links .title2, .aside-inner .title2{ font-size:18px}
	.nano .content li{ margin-right:17px !important}
	.aside-hide{ display:none}
	.write-us{ color:#666}
}

@media screen and (min-width:1025px) and (max-width:1920px) {
	.main-content .row3 .col1,.main-content .row3 .col2,.main-content .row3 .col3{ display:none;}
	.hide-content{ display:none}
	
	/*fade content here*/
	.fade,.fade2{ width:280px !important; margin:0 auto}
	.fade-inner{width:280px !important; margin:0 auto}
	/*work css here*/
	.hover-content{ height:86%;}
	#fancybox-frame{ height:538px;}
	#fancybox-close{top: -15px;	right: -15px;}
	#fancybox-outer{margin-top:5.5%;}
	#fancybox-wrap{left:13% !important; width:952px !important;padding: 20px;}
	#fancybox-content{width:952px !important;	height:538px !important;}
}

@media screen and (min-width:1200px) and (max-width:1281px) {
	.slidesjs-pagination li:first-child { margin-left:83%}
	
	/*fade content here*/
	.fade-inner{ width:275px !important}
	
	/*slide here*/
	.slidesjs-container,.slidesjs-control{ height:316px !important;}
	.banner-title2{ top:300px}
	
	/*inner page banner css here*/
	.inner-banner img{ height:300px}

	/*work css here*/
	.hover-content{ height:86%;}
	#fancybox-frame{ height:528px;}
	#fancybox-close{top: -15px;	right: -15px;}
	#fancybox-outer{margin-top:5%;}
	#fancybox-wrap{left:13.2% !important; width:910px !important;padding: 20px;}
	#fancybox-content{width:910px !important;	height:528px !important;}
}
@media screen and (min-width:1599px) and (max-width:1800px) {
	/*fade content here*/
	.fade,.fade2{ width:340px !important}
	.fade-inner{width:340px !important}
	
	.hover-content{ width:98%; height:88%}
	/*slide here*/
	.banner-title2{ top:370px;}
	.slidesjs-container,.slidesjs-control{ height:394px !important}

}
@media  screen and (min-width:1100px) and (max-width:1199px) {
	.slidesjs-pagination li:first-child{ margin-left:80%}
	.slidesjs-container, .slidesjs-control{ height:284px !important}
	.banner-title2{ top:266px}
	#content .custom-spacer{ padding:0 0 0 18%}
	.main-art{ font-size:18px}
	.dir-botto{ bottom:14%}
	.wrk-spacer{ padding:1%}
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{ width:31.2%}
	.aply-spacer{ padding:0 13% !important}
	.fnt-sze{ font-size:12px;}
}

/*******************************************particular screen only******************************************************/

@media (max-width:768px) {
	.lending-page{ padding-top:0 !important}
}
@media screen and (min-width:479px) and (max-width:767px) {
	.inner-banner img{ width:100%; height:150px;}
	.inner-banner-art{ left:5%; top:30%; font-size:25px; line-height:30px;}
	.mid-content{ width:90%; padding:0 5%; float:none; font-size:14px}
	.title{ font-size:20px; line-height:24px;}
	.aside{ display:none}
	.aside-inner{ padding-bottom:20px;}
	.aside-art{ line-height:18px; font-size:14px;}
	.t-top-pdng{ padding-top:45px;}
	.no-top-m{ margin-top:0}
	.no-lne-hght{ line-height:0}
	.aside-inner{ float:none; width:81.5%; margin:2% 5%;}
	.main-content .row2 .col1, .main-content .row3 .col3, .main-content .row4 .col1{ display:none;}
	.aside-links{ display:none}
	#content .inner-spacer{ padding:0}
}

@media  (max-width:1280px) {
	.foot-links,.copyright{ float:none; line-height:18px; text-align:center}
}

@media only screen and (width:240px) {
	.title {font-size:18px;	line-height: 22px;}
	#main{ min-height:50px;}
	.more-detail{ font-size:12px !important}
	.aside-inner{padding: 20px 2% 2.3% 15px;margin: 5% 5%;}
	.inner-banner-art{ font-size:20px; line-height:24px;}
	.inner-banner img {width: 100%;height: 105px;}
	.pop-client-segment{ width:99% !important}
}

@media only screen and (width:320px) {
	.banner-title2{ top:8.3%; font-size:15px;}
	.pop-client-segment{ width:97% !important; margin:20px 1.5%}
}

@media only screen and (width:360px) {
	.rmm{ right:3.4%}
	.logo{ width:43%;}
	.banner-title2{ top:7.6%;}
	.navart, .main-art { font-size:17px}
	.pop-client-segment{ width:99.5% !important}
	
	/*fade content here*/
	.fade,.fade2{ width:292px !important}
	.fade-inner{ line-height:13px; width:292px !important}
}
@media only screen and (width:384px) {
	.rmm{ right:3.4%; top:29px}
	.logo{ width:43%;}
	.banner-title2{ top:25.8%;}
	.banner-art{ left:5%; top:37%}
	.navart, .main-art { font-size:12px}
	.main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row4 .col2, .main-content .row4 .col3, .main-content .row5 .col1, .main-content .row5 .col2{ width:49.7%}
	.main-content .row3 img,.main-content .row2 img{ height:100px}
	.fade, .fade2{ width:136px !important}
}


@media only screen and (width:480px) {
	/*************offices style here****************/
	#content .wdth80percnt{ width:100%;}
	.co-addresses{ width:100%}
	.co-addresses li{ width:49%;}
	
	.aside-inner{ width:83.5%}
	.sitemap-col1, .sitemap-col2{ width:39%}
}

@media only screen and (width:533px) {
	#content .inner-spacer{ padding-left:0}
	.mid-content{ width:80%}
	.aside-inner{ width:84%}
	.inner-banner img{ height:140px;}
	/*****************slider style*****************/
	.slidesjs-container, .slidesjs-control{ height:180px !important}
	.slidesjs-container, .slidesjs-control img{ width:100%; height:180px}
	.banner-title2{ top:19.8%;}
	.slidesjs-pagination li:first-child{ margin-left:68.9%}
	
	/*fade content here*/
	.fade,.fade2{ width:207px !important}
	.prev, .prev2{ right:10px}
	.fade-content{ padding-top:0; font-size:11px; top:5px !important}
	.fade-inner{ line-height:14px; width:207px !important}
}

@media only screen and (width:568px) {
	/*****************slider style*****************/
	.slidesjs-container, .slidesjs-control{ height:180px !important}
	.slidesjs-container, .slidesjs-control img{ width:100%; height:180px}
	.banner-title2{ top:19%;}
	.slidesjs-pagination li:first-child{ margin-left:70.9%}
	
	/*fade content here*/
	.fade,.fade2{ width:225px !important}
	.prev, .prev2{ right:10px}
	.fade-content{ padding-top:0; font-size:11px; top:5px !important}
	.fade-inner{ line-height:14px; width:225px !important}
}
@media only screen and (width:600px) {
	.main-art, .navart{ font-size:17px}
	
	/*****************slider style*****************/
	.banner-title2{ top:18%;}
	.slidesjs-pagination li:first-child{ margin-left:72.5%}
	
	/*fade content here*/
	.fade,.fade2{ width:242px !important}
	.fade-inner{ line-height:14px; width:242px !important}
}

@media only screen and (width:603px) {
	/*****************slider style*****************/
	.banner-title2{ top:18%;}
	.slidesjs-pagination li:first-child{ margin-left:72.5%}
	
	/*fade content here*/
	.fade,.fade2{ width:242px !important}
	.fade-inner{ line-height:14px; width:242px !important}
}

@media only screen and (width:640px) {
	.main-art, .navart{ font-size:17px}

	/*****************slider style*****************/
	.slidesjs-container, .slidesjs-control{ height:200px !important}
	.slidesjs-container, .slidesjs-control img{ width:100%; height:200px}
	.banner-title2{ top:19%;}
	.slidesjs-pagination li:first-child{ margin-left:74.3%}
	
	/*fade content here*/
	.fade,.fade2{ width:225px !important}
	.fade-inner{ line-height:14px; width:225px !important}
}	

@media only screen and (width:768px) {
	.aside-links,.aside-list,.mid-content{ font-size:14px;}
	#fancybox-outer{ margin-top:20%;}
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{ width:31.2%}
	.mid-figure-inner img{ height:140px}
	#fancybox-wrap{width:740px !important; left:8px !important}
	#content .wrk-spacer{ padding:0 0.5% 0 1%}
	#fancybox-content{width:740px !important;}
	.hover-content{ height:77%;}
	.hover-content .col1 a{ margin:2px 3px 0 0}
}
@media only screen and (width:800px) {
	/*****************slider style*****************/
	.banner-title2{ top:32.4%;}
	.slidesjs-pagination li:first-child{ margin-left:79%}
	
	/*fade content here*/
	.fade,.fade2{ width:220px !important}
	.fade-inner{width:220px !important}
}

@media only screen and (width:853px) {
	/*****************slider style*****************/
	.banner-title2{ top:31.4%;}
	.slidesjs-pagination li:first-child{ margin-left:79.5%}
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{ width:31.2%;}
	.hover-content{ height:77%; padding:0 5px 5px 5px}
	.mid-figure-inner img{ height:140px}
	#fancybox-outer{ margin-top:19.5%}
	#fancybox-wrap{ width:812px !important;}
	#fancybox-content{ width:812px !important;}
}
@media only screen and (width:900px) {
	/*****************slider style*****************/
	.banner-title2{ top:29.7%;}
	.slidesjs-pagination li:first-child{ margin-left:81%}
	
	/*fade content here*/
	.fade,.fade2{ width:252px !important}
	.fade-inner{width:252px !important}
}
 
@media only screen and (width:960px) {
	.prev, .prev2{ right:10px;}
}

@media only screen and (width:966px) {
	/*****************slider style*****************/
	.banner-title2{ top:28.5%;}
	.slidesjs-pagination li:first-child{ margin-left:82%}
	
	/*fade content here*/
	.fade,.fade2{ width:268px !important}
	.fade-inner{width:268px !important}
}

@media only screen and (width:1003px) {
	.banner-title2 {top: 27.4%;}
	.fade, .fade2 {width: 287px !important;}
	.fade-inner{ width:287px !important;}
}

@media only screen and (width:1024px) {
	.fade, .fade2{width: 286px !important;}
	.fade-inner{ width:286px !important; line-height:15px;}
	.prev, .prev2{ right:5px}
	.main-content .row2 .col1, .main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row3 .col3, .main-content .row4 .col1, .main-content .row4 .col2, .main-content .row4 .col3
	{ width:33.26%}
	#fancybox-outer{ margin-top:10%;}
}

@media only screen and (width:1050px) {
	/*fade content here*/
	.fade,.fade2{ width:292px !important}
	.fade-inner{ width:292px !important}
}
@media only screen and (width:1080px) {
	.fade, .fade2{width: 312px !important;}
	.fade-inner{ width:310px !important; line-height:15px;}
	.slidesjs-pagination li:first-child { margin-left:79%}
	.slidesjs-container,.slidesjs-control{ height:266px !important;}
	.banner-title2{ top:36%}
	.main-content .row2 .col1, .main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row3 .col3, .main-content .row4 .col1, .main-content .row4 .col2, .main-content .row4 .col3
	{ width:33.26%}
}

@media only screen and (width:1200px) {
	.slidesjs-container, .slidesjs-control{ height:296px !important}
	.banner-title2{ top:44.8%}
	.slidesjs-pagination li:first-child{ margin-left:81%}
	
	/*fade content here*/
	.fade,.fade2{ width:244px !important}
	.fade-inner{ width:244px !important; line-height:15px;}
	.fade-content{ font-size:11px; padding-top:0}
}

@media only screen and (width:1280px) {
	/*fade content here*/
	.fade,.fade2{ width:265px !important}
	.fade-inner{ width:265px !important}
}

@media only screen and (width:1360px) {
	/*work css here*/
	.hover-content{ height:84%;}
	#fancybox-frame{ height:538px;}
	#fancybox-close{top: -15px;	right: -15px;}
	#fancybox-outer{margin-top:5.5%;}
	#fancybox-wrap{left:13% !important; width:952px !important;padding: 20px;}
	#fancybox-content{width:952px !important;	height:538px !important;}
	
	/*inner page banner css here*/
	.inner-banner img{ height:300px}
}

@media only screen and (width:1366px) {
	/*slide here*/
	.slidesjs-container,.slidesjs-control{ height:333px !important;}
	.banner-title2{ top:315px}

	/*work css here*/
	.hover-content{ height:84%;}
	#fancybox-outer{margin-top:5.5%;}
	
	/*inner page banner css here*/
	.inner-banner img{ height:300px}
}

@media only screen and (width:1440px) {
	.main-content{ width:75.08%;}
	.fade-inner{ min-width:300px;}
	/*slide here*/
	.banner-title2{ top:335px;}
	.slidesjs-container,.slidesjs-control{ height:351px !important}
	
	/*fade here*/
	.fade, .fade2{ width:304px !important;}
	.fade-inner { width:304px !important;}
	
	/*work css here*/
	.hover-content{ height:85%;}
	#fancybox-frame{ height:560px;}
	#fancybox-close{top: -15px;	right: -15px;}
	#fancybox-outer{margin-top:5.5%;}
	#fancybox-wrap{left:13.5% !important; width:1000px !important;padding: 20px;}
	#fancybox-content{width:1000px !important;	height:560px !important;}
	
	/*inner page banner css here*/
	.inner-banner img{ height:300px}
}

@media only screen and (width:1600px) {
	/*slide here*/
	.banner-title2{ top:371px;}
	.slidesjs-container,.slidesjs-control{ height:392px !important}
	.slidesjs-pagination li:first-child{margin-left:85%;}

	/*fade here*/
	.fade,.fade2{ width:338px !important; margin:22px auto; height:100%; font-size:14px; letter-spacing:0.5px;}
	.fade-inner { width:338px !important;}
}

@media only screen and (width:1680px) {
	.banner-title2{ top:394px;}
	.slidesjs-container,.slidesjs-control{ height:415px !important}
	.slidesjs-pagination li:first-child{margin-left:86%;}
	
	/*fade here*/
	.fade, .fade2{ width:364px !important;}
	.fade-inner { width:364px !important;}
}

@media only screen and (width:1920px) {
	.navart, .main-art{ font-size:25px; line-height:35px;}
	/*slide here*/
	.banner-title2{ top:28.4px;}
	.slidesjs-container,.slidesjs-control{ height:471px !important}
	.slidesjs-pagination li:first-child{margin-left: 87.5%;}
	
	.fade,.fade2{ width:422px; margin:22px auto; height:100%; font-size:14px; letter-spacing:0.5px;}
	.fade-inner { width:422px;}

	/*work css here*/
	.hover-content{ width:98%; height:83%}
	.mid-figure-inner .row1 li, .mid-figure-inner .row2 li, .mid-figure-inner .row3 li{	width:32%;}
	#fancybox-frame{ height:720px;}
	#fancybox-close{top: -15px;	right: -15px;}
	#fancybox-outer{margin-top:4%;}
	#fancybox-wrap{left:14% !important; width:1340px !important;padding: 20px;}
	#fancybox-content{width:1340px !important;	height:720px !important;}
	
	/*inner page banner css here*/
	.inner-banner img{ height:518px}
}

@media screen and (min-width:400px) and (max-width:450px){
	.main-content{ width:100%}
	.main-content .row2 .col1, .main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row3 .col3, .main-content .row4 .col1, .main-content .row4 .col2, .main-content .row4 .col3
	{ width:49.5% !important}
	.slidesjs-pagination li:first-child{ margin-left:58% !important}
	.banner-title2{ top:23.4% !important;}
	.banner-art{ font-size:30px !important; left:5% !important}
	#header .inner-spacer{ padding:8px 15px !important}
	.rmm{ right:15px !important;}
	.slidesjs-control{ width:100%}
	.fade-inner{ width:140px !important; height:66px !important; overflow:hidden}
	.prev3, .prev4{ right:46px !important;}
}

@media screen and (min-width:650px) and (max-width:700px){
	.slidesjs-pagination li:first-child{ margin-left:75%}
	.slidesjs-container, .slidesjs-control{ height:228px !important;}
	.banner-title2{ top:25.3%}
	.main-content .row2 .col1, .main-content .row2 .col2, .main-content .row2 .col3, .main-content .row3 .col1, .main-content .row3 .col2, .main-content .row3 .col3, .main-content .row4 .col1, .main-content .row4 .col2, .main-content .row4 .col3{ width:49.7%}
	.fade, .fade2{ width:280px !important}
	.fade-inner{ width:96% !important}
}


/***041018***/
@media (min-width:1279px) {
	.aside-links{ margin:0; padding:12px 10px 15px 10px; width:162px; line-height:20px; font-size:15px;}
}
@media (min-width:999px) {
	.droopdown{ display:none !important}
	.min999Non{ display:none !important}
	/*121118*/
	.icon-menu{ display:none}
}

@media (max-width:1279px) {
	.mid-content{ margin-left:0}
	#content .inner-spacer{ padding:0 0 0 24%}
}
@media (max-width:1099px) {
	.max1099Non{ display:none}
	.custm-hght{ height:0 !important}
}
@media (max-width:999px) {
	.max999Non{ display:none}
	.logo-ecco2{ max-width:172px; margin-top:30px}
	
	
	/*121118*/
	.icon-menu{ display:block}
	.inner-banner-art{ left:30px; top:45%}
	.title{ padding:20px 0 20px 0}
	.left-aside{ display:none}
	.aside-art { top:0 !important}
	.main-aside-inner{ display:none !important; float:none; width:100% !important; margin-top:15px !important;}
	.max999FL{ float:left !important; width:45% !important; min-height:200px;}
	.max999FR{ float:right !important; width:45% !important; min-height:200px;}
	/*141118*/
	#content .inner-spacer{width:96%; padding:0 !important}
	.mid-content{float:none;  width:96%; text-align:justify; padding:0px 2% 0 2%;}
	.mid-content{ margin-left:0}
	.aside-inner{float: none; width: 94%;  margin: 30px 1% 0 1%; padding-left:2%; padding-right:2%}
	/*end*/
	#content .inner-spacer{ width:100% !important}
	
}
@media (max-width:768px) {
	.top-links{ display:none;}
	.rmm{ top:20px !important; }
	
	#content .inner-spacer{ width:96%; padding:0}
	.mid-content{ width:96%; text-align:justify; padding:0px 2% 0 2%;}
	.mid-content{ margin-left:0}
	
	.aside-inner{float: none; width: 94%;  margin: 30px 1% 0 1%; padding-left:2%; padding-right:2%}
	
	/*121118*/
	.inner-banner-art{ font-size:20px; line-height:25px;}
}
@media  (max-width:480px) {
	.content-form input, .content-form textarea{ width:87%}
}
@media  (max-width:360px) {
	.more-detail{}
}