ul.resp-tabs-list{margin:0px;padding:0px;}
#horizontalTab{float:left;padding:20px 20px;}
.resp-tabs-list li:first-child{border:0px;}
.resp-tabs-list li{font-weight:normal;font-size:14px;padding:10px 15px;margin:0;list-style:none;cursor:pointer;float:none;background:#000;color:#fff;margin:0 2px;width:160px;height:55px;vertical-align:middle;line-height:inherit;display:table-cell;text-align:center;border-left:4px solid #fff;text-transform:uppercase;}
.resp-tabs-container{padding:0px;clear:left;}
h2.resp-accordion{cursor:pointer;padding:5px;display:none;}
.resp-tab-content{display:none;padding:15px;}
.resp-tabs-list .resp-tab-active{background:#44819d;color:#fff;font-weight:600;}
.resp-content-active, .resp-accordion-active{display:block;}
h2.resp-accordion{font-size:13px;border:1px solid #000;border-top:0px solid #000;margin:0px;padding:10px 15px;}
h2.resp-tab-active{border-bottom:0px solid #c1c1c1 !important;margin-bottom:0px !important;padding:10px 15px !important;}
h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1 !important;background:blue;}
.alx-block-3{display:block;width:100%;float:left;margin:10px 0 0 0;}
.alx-block-3 ul{width:100%;float:left;}
.architech-resources .alx-block-3 ul{width:100% !important;}
.architech-resources .alx-block-3 ul li{padding:0 50px 0 20px;min-height:60px;}
.alx-block-3 ul li,.document-block li{margin-bottom:15px;padding:0 20px;position:relative;display:inline-block;}
.alx-block-3 ul li{width:33.33%;float:left;}
.architech-resources .alx-block-3 ul li{display:inline-block;}
.alx-block-3 ul li:before,.document-block li:before{content:"\f04d";font-family:fontawesome;position:absolute;left:0px;font-size:9px;top:5px;}
.alx-block-3 h4,.document-block li h4{font-size:18px;margin:0px;color:#44819d;text-transform:uppercase;}
.alx-block-3 h4 a,.document-block li h4 a{font-size:18px;margin:0px;color:#44819d;text-transform:uppercase;}
.alx-block-3 h4 a:hover,.document-block li h4 a:hover{color:#000;}
.alx-block-3 span,.document-block li span{font-size:10px;display:inherit;vertical-align:top;}
.document-block h3,.video-block h3,.title-block h3{font-size:18px;margin:20px 0;text-transform:uppercase;}
.video-block h3,.title-block:nth-child(2) h3{padding-left:40px;}
.document-block{width:40%;float:left;}
.document-block ul{width:100%;float:left;}
.video-block{width:60%;float:left;}
.sys-videos{width:100%;}
.sys-videos.video-block ul li{width:20%;float:left;padding:0;position:relative;}
.sys-videos.video-block ul{border:none;padding:0;}
.sys-videos.video-block h3{padding:0;}
.video-block ul{width:100%;float:left;border-left:1px solid #ccc;padding-left:40px;}
.video-block ul li{width:25%;float:left;padding:0;position:relative;}
.video-block ul li:first-child{padding-left:0px;}
.video-block ul li .video-title{position:relative;bottom:0;right:0;width:auto;text-align:left;z-index:inherit;margin:0 30px 15px 0;}
.video-block ul li .video-mgpopup:before{width:50px;height:50px;}
.video-block ul li .video-title h5{line-height:1;margin:5px 0 0 0;float:left;}
.video-block ul li .video-title span{display:inherit;font-size:10px;}
.video-block .video-mgpopup{width:auto;display: inline-block;}
.video-block .video-mgpopup img{min-height:85px;width:115px;}
.video-block ul li .video-mgpopup:after{width:115px;left:auto;right:auto;}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list{float:left;width:30%;}
.resp-vtabs .resp-tabs-list li{display:block;padding:15px 15px !important;margin:0;cursor:pointer;float:none;}
.resp-vtabs .resp-tabs-container{padding:0px;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none;}
.resp-vtabs .resp-tab-content{border:none;}
.resp-vtabs li.resp-tab-active{border:1px solid #c1c1c1;border-right:none;background-color:#fff;position:relative;z-index:1;margin-right:-1px !important;padding:14px 15px 15px 14px !important;}
.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #fff;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active{background:#DBDBDB !important;}
.resp-easy-accordion h2.resp-accordion{display:block;}
.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1 !important;}
.resp-jfit{width:100%;margin:0px;}
.resp-tab-content-active{display:block;float:left;width:100%;}
h2.resp-accordion:first-child{border-top:1px solid #000 !important;}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width:1800px){
    .architech-resources .alx-block-3 ul li{min-height: 80px;}
}
@media only screen and (max-width:1600px){
    .current-presentations table tbody tr td:nth-of-type(1n) a{font-size:16px;display:inline-block;}
}
 @media only screen and (max-width:1400px){
 .resp-tabs-list li{font-size:12px;padding:10px 5px;}
 .video-block ul li{width:33.3%;}
 .video-block .video-mgpopup img{min-height:75px;width:100px;}
 .video-block ul li .video-mgpopup:before{width:40px;height:40px;}
 .video-block ul li .video-mgpopup:after{width:100px;}
 .video-block ul li .video-title h5{font-size:14px;width:100%;}
 .architech-resources .alx-block-3 ul li{padding:0 20px;}
 .contribute-block.title-block h3{padding:0px;}
 .presentations-section .current-presentations .contribute-block ul li{padding:0 0px 20px 0;}
 .dowm-pdf{padding:0 0 0 20px;}
 .down{padding:0px;}
 .down p{padding:0px;}
}
@media only screen and (max-width:1200px){
ul.resp-tabs-list{display:none;}
h2.resp-accordion{display:block;clear:left;border-top:1px solid #000;border-bottom:1px solid #000 !important;text-transform:uppercase;margin-bottom: -1px;}
.resp-tab-content-active{margin-bottom:0;border:0px !important;padding: 15px 0;}
.resp-tab-content-active .resp-tabbing-content{display: inline-block;width: 100%;float: left;border: 1px solid #80a1b6 !important;padding: 15px;margin:0 0 15px 0;}
h2.resp-tab-active{background:#80a1b6 !important;color:#fff;margin:0px !important;}
.resp-vtabs .resp-tab-content{border:1px solid #C1C1C1;}
.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:initial;clear:none;}
.resp-accordion-closed{display:none !important;}
.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1 !important;}
.alx-block-3 ul li{width:100%}
.system-resources, .westcoat-credit,.westcoat-contribute,.contribute-block,.leed-block,.current-presentations,.schedule-presentations{width:100%;}
.border-separator{border:0px;padding:0 0 15px 15px;}
.current-presentations{padding:20px 0 20px 20px}
.contribute-block{padding:0 15px;}
.present-pic img,.present-pic{width:auto;max-height:70px;}
.presenttations-form{width:100%;padding:0 15px 0 0;border-left:0;}
.westcoat-contribute{padding:20px 0px 0px 0px;}
.video-block h3, .title-block:nth-child(2) h3 {padding-left: 15px;}
.architech-resources .alx-block-3 ul li{min-height:40px;}
}
@media only screen and (max-width:1023px){
.architech-resources,.contribute-credit,.presentations-section{display:block;}
 .tabbing, .system-resources{width:100%;}
 .resources-img{margin:20px auto 10px auto;}
}
@media only screen and (max-width:767px){
 .document-block,.video-block{width:100%;border:0px;}
 .alx-block-3 ul li{width:100%;}
 .video-block ul{border:0px;padding:0px;}
 .video-block ul li .video-title{width:100%;}
 .video-block ul li .video-title h5{width:100%;}
 .presentations-section .current-presentations table tbody tr td:nth-of-type(1n){float:left;}
 .impactor-block li{min-height: 110px;}    
}
@media only screen and (max-width:640px){
 .alx-block-3 ul li{width:100%;}
 .sys-videos.video-block ul li{width:33.3%;}
 .architech-resources .system-submittal-block{width:100%}
 .architech-resources .document-block{width:100%;}
 .architech-resources .document-block .alx-block-3{border:0;padding:0;}
 .impact-6{width:100%;}
 .impact-6:nth-child(2){border:0px;}
 .impact-6:nth-child(2) li, .impact-6:nth-child(2) h4{padding:0px;}
 .current-presentations table tbody tr td:nth-of-type(1n){width:100%;}
 .contribute-block{padding:0 15px;}
 .impactor-block li{padding:20px 20px 20px 0 !important;}
 .current-presentations{padding:20px 0 20px 0;}
 .presenttations-form{padding:0 15px;}
 .resources-content h3{font-size:28px;}
.video-block h3, .title-block:nth-child(2) h3 {padding-left:0;}
.impactor-block li{min-height:1px;}    
}
@media only screen and (max-width:480px){
.faq-block li{max-width:100%;padding:0 20px;}
.video-block ul li{width:100%;text-align: center;}
    .video-block ul li .video-title h5{display: inline-block;width: 100%;float: none;}
.video-block ul li .video-mgpopup:after{width:65px;}
.video-block ul li .video-mgpopup:before{width:30px;height:30px;}
.video-block .video-mgpopup img{min-height:55px;width:70px;}
.video-block ul li .video-mgpopup:after{width:70px;}
.sys-videos.video-block ul li{width: 100%;text-align:center;}
.video-block ul li .video-title{text-align:center;}
.video-block ul li .video-mgpopup:after{left: 0px;right: 0px;}
    .current-presentations .lable-visible label.gfield_label{position: relative;top: 5px;}
    .current-presentations .presenttations-form .gform_footer{text-align: center;}
}