/* ----------------------------- Responsive tabs --------------------- */

ul.tabs-list{margin:0;padding:0;background:#323333}

.tabs-list li{display:inline-block;padding:13px 0px;margin:0;list-style:none;cursor:pointer;float:left;color:#555555;width:30.75%;text-align:center; }

.projects-tab-wrapp .tabs-list li { width:14.28% !important; }

.tabs-container{padding:0;clear:left}

h2.accordion{cursor:pointer;padding:5px;display:none}

.tab-content{display:none}

.tab-active{border-bottom:none;margin-bottom:-1px!important;border-bottom:none;background-color:#E41F20}

.content-active,.accordion-active{display:block}

.tab-content{position:relative}

h2.accordion{font-size:13px;border-bottom:1px solid #fff;margin:0;padding:10px 15px;text-transform:uppercase}

h2.tab-active{border-bottom:0 solid #fff!important;margin-bottom:0!important;padding:10px 15px!important}

h2.tab-title:last-child{border-bottom:12px solid #fff!important;background:blue}

.vtabs ul.tabs-list{float:left;width:30%}

h2[role=tab]{color:#fff!important}

.vtabs .tabs-list li{display:block;padding:15px!important;margin:0;cursor:pointer;float:none}

.vtabs .tabs-container{padding:0;background-color:#fff;border:1px solid #fff;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}

.vtabs .tab-content{border:none}

.vtabs li.tab-active{border:1px solid #fff;border-right:none;background-color:#fff;position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important}

.arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #fff}

h2.tab-active span.arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #fff}

h2.tab-active{background:#FDB615 !important}

.easy-accordion h2.accordion{display:block}

.easy-accordion .tab-content{border:1px solid #fff}

.easy-accordion .tab-content:last-child{border-bottom:1px solid #fff!important}

.jfit{width:100%;margin:0}

.tab-content-active{display:block}

h2.accordion:first-child{border-top:1px solid #fff!important}

/* -----------------------------------------------------------------------         Custom CHanges ------------------------ */

.gallery-tabs .tabs-list li{font-size:10pt;font-weight:normal;width:24.9%;border:none;margin:0;padding-left:0;padding-right:0;border-right:1px solid #FFF}

.tab-menu{ background-color: #037e8a; text-transform:uppercase }

.tab-menu li span { color:#fff }

.gallery-tabs .tab-menu,.gallery-tabs .resp-tab-item{background-image:url(../images/btm-section.jpg);background-position:center center}

.resp-tabs-list li,.gallery-tabs .resp-tab-active{padding:13px 25px!important}

.gallery-tabs .tab-content{background:rgba(255,255,255,0.5);padding:20px;min-height:150px;border:1px solid #EEEFF0}

.gallery-tabs .tab-active{background-color:#734C17;padding:13px 0;color:#FFF}

.tabs-subPage .tab-content{ border:1px solid #e3e3e3;min-height:150px;padding:30px 20px }

.down-eb-cn,.down-form-cn { width:200px; /*margin:40px auto;*/ float:left; margin-left:20px; text-align:center; padding:40px; border:1px solid #cccccc } 

.down-eb-cn table { width:100%; margin-top:15px; }

.down-eb-cn table img, .down-form-cn table img { width:20px; }

.tab-active { background-color:#01a9b9;  }

.tab-active span { color: #fff !important }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

#prj-tabs .tabs-list li { width:20% }

#prj-tabs { padding-top:15px }

.form-img { padding-top:60px; padding-bottom:50px; width: 90px; margin: 0 auto;  }

.download-img { padding-bottom: 10px; margin: 0 auto;  }

/*.pro-list li { width: 20%; }*/

.down-eb-cn, .down-form-cn { padding:10px; }

.down-form-cn table { width:100%;   }









@media all and (max-width: 1400px) { 

.tabs-list li { width: 33.33%; }

#prj-tabs .tabs-list li { width:20% }

.tabs-list li {  padding: 13px 0; }

.project-single li { width: 14.28%; }

}



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

  .tabs-list li {  font-size: 11pt; }	

}



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

.down-eb-cn, .down-form-cn { /*float:none; clear:both; margin:20px auto;*/ }

.download-wrapp { width:510px; }

}



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

	.product-tabs {

		margin-top: 0 !important;

	}

		#prj-tabs-sing  ul.tabs-list {

		display: none;

	}

	#prj-tabs-sing 	.tabs-container h2.accordion {

		background-color: #1391bf;

	}

	#prj-tabs-sing 	h2.accordion {

		display: block;

	}



	#prj-tabs-sing 	.vtabs .tab-content {

		border: 1px solid #C1C1C1;

	}



	#prj-tabs-sing 	.vtabs .tabs-container {

		border: none;

		float: none;

		width: 100%;

		min-height: initial;

		clear: none;

	}

	#prj-tabs-sing 	.accordion-closed {

		display:none !important;

	}

	#prj-tabs-sing 	.vtabs .tab-content:last-child {

		border-bottom: 1px solid #fff !important;

	}

	#prj-tabs-sing .tab-active{background-color:#333 !important}

	

}



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

	

		#gallery-tabs  ul.tabs-list, #prj-tab ul.tabs-list {

		display: none;

	}

	#gallery-tabs 	.tabs-container h2.accordion, #prj-tab .tabs-container h2.accordion {

		background-color: #01a9b9;

	}

	#gallery-tabs 	h2.accordion, #prj-tab h2.accordion  {

		display: block;

	}



	#gallery-tabs 	.vtabs .tab-content, #prj-tab .vtabs .tab-content {

		border: 1px solid #C1C1C1;

	}



	#gallery-tabs 	.vtabs .tabs-container, #prj-tab .vtabs .tabs-container {

		border: none;

		float: none;

		width: 100%;

		min-height: initial;

		clear: none;

	}

	#gallery-tabs 	.accordion-closed, #prj-tab .accordion-closed {

		display:none !important;

	}

	#gallery-tabs 	.vtabs .tab-content:last-child, #prj-tab .vtabs .tab-content:last-child {

		border-bottom: 1px solid #fff !important;

	}

	#gallery-tabs .tab-active, #prj-tab .tab-active {background-color:#2f716c !important}

	.ph-gall li { width: 33.33%; }

	.ph-gall .align { padding: 4px; }

}



@media all and (max-width: 580px) {	

.down-eb-cn, .down-form-cn { width:160px; }

.download-wrapp { width:425px; }



}



@media all and (max-width: 520px) {

.down-eb-cn, .down-form-cn { width:95%; margin-left:0; margin-bottom:5px; }

.download-wrapp { width:auto; }

.down-form-cn { margin-top:0; }

}





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

	 .ph-gall li { width: 50%; }

}





/*--------------------------- Custom styles ---------------------------*/







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

.down-eb-cn, .down-form-cn { width:90%; }

}



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

.ph-gall li { width: 80%; margin:0 auto;  float:none }

}