/*
 Theme Name:     Divi child Theme
 Description:    Divi Child Theme
 Author:         Firstcom Solutions
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

#about-join-us .et_pb_row_7 .et_pb_column, #about-testimonials .et_pb_column, #about-contact-us .et_pb_row_10 .et_pb_column{
    opacity: 1!important;
}

body p, html p{
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.page-banner .page-content:not(.absolute-content) h1{
    font-weight: 700 !important;
}

.page-banner .page-content:not(.absolute-content) h1:before {
    content: "";
    width: 60px;
    height: 8px;
    background: #e33237;
    margin: 0 auto 10px;
    display: block;
}

#proposed-solutions .et_pb_toggle_title:before, #proposed-solutions .et_pb_toggle_title:before{
    top: 44px!important;
}

#about-contact-us{
    padding-bottom: 4.5%!important;
}

.news_listing_ul{
    list-style: none!important;
    padding-left: 0!important;
}

.news_listing_ul li{
     list-style: none!important;
}

.page-id-573 .carousel-slider .owl-item img.owl-lazy{
    border: 1px solid #ccc;
}

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li a{
    text-align: left!important;
}

body #main-header .custom-mega-menu ul.top li.parent:nth-child(1n) a.parents-a{
    color: orange!important;
    border-bottom: 1px dashed;
}

body #main-header .custom-mega-menu ul.top li.parent:nth-child(2n) a.parents-a{
    color: green!important;
    border-bottom: 1px dashed;
}

body #main-header .custom-mega-menu ul.top li.parent:nth-child(3n) a.parents-a{
    color: #386dbd!important;
    border-bottom: 1px dashed;
}

body #main-header .custom-mega-menu ul.top li.parent:nth-child(4n) a.parents-a{
    color: skyblue!important;
    border-bottom: 1px dashed;
}

body #main-header .custom-mega-menu ul.top li.parent:nth-child(5n) a.parents-a{
    color: rgba(37,184,0,.62)!important;
    border-bottom: 1px dashed;
}

body #main-header .custom-mega-menu ul.top li.parent:nth-child(6n) a.parents-a{
    color: rgba(56,109,189,.56)!important;
    border-bottom: 1px dashed;
}

body #main-header .custom-mega-menu ul.top .sub-menus li .two li a{
    color: gray!important;
}

body #main-header .custom-mega-menu ul.top li a{
    color: #000!important;
}

#ending-hiv-top{
    overflow: hidden;
}

.custom-info-layout .header-title{
    padding-bottom: 0 !important;
}

.custom-info-layout .contents .items .boxes>*.image, .custom-info-layout .contents .items .boxes>*.link{
    display: none;
}

.custom-info-layout .contents .items .boxes>*.info{
    width: 100%;
    padding: 0;
}

body #main-footer .footer-top .container .footer-content:nth-child(3) .menu>li>a{
    visibility: hidden;
}

#about-contact-us, .page-id-805 #featured-articles{
    padding-top: 0!important;
}

#featured-articles{
    background-color: #fafafa;
}

#featured-articles .et_pb_row{
    padding-top: 0;
}

body #main-footer .footer-top .container .footer-content:nth-child(1) h5{
    text-transform: none!important;
}

#how-it-works{
    padding-bottom: 0!important;
}

.entry-content{
    margin-bottom: 6rem;
}

.page-id-1323 #about-mission, .page-id-1323 #values-section{
    padding: 0!important;
}

#left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul {
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}

#left-area ul li, .comment-content ul li, .entry-content ul li, body.et-pb-preview #main-content .container ul li{
    margin-bottom: 10px;
}

.page-id-1264 #about-gallery .et_pb_row{
    max-width: 1600px !important;
    width: 90% !important;
}

#ending-hiv-top::before{
    content: "";
    bottom: 0;
    left: -85px;
    width: 200%;
    height: 8%;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    position: absolute;
    background-color: #a8a8a8;
}

.staff_contents{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page-id-1287 .custom-wrapper::before{
    content: "";
    background: url(img/aids-ribbon2.png) no-repeat;
    background-position: left bottom!important;
    background-size: 100% !important;
    bottom: -8rem;
    left: 0;
    position: absolute;
    height: 50%;
    width: 30%;
}

body #main-header .custom-mega-menu ul.top li.parent .sub-menus li a:hover{
    color:#e33237 !important;
}

.page-id-16 #values-section, .page-id-16 #how-it-works, .page-id-16 #about-mission.vision{
    padding-bottom: 0!important;
}

body.page-id-23 .contact_10 .et_pb_row {
    width: 90% !important;
}

body.page-id-23 .contact_10 {
    padding: 0rem 0 2rem !important;
}

body.page-id-23 .contact_10 .font-weight-medium::before, body.page-id-23 .contact_10 .wpcf7 h2::before{
    display: none!important;
}

#about-mission.vision::before{
    display: none!important;
}

#ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_0, #ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_2{
    padding: 0!important;
}

#ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_1 .et_pb_column .product_countdown_box{
    margin-bottom: 2rem;
}

#ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_1 .et_pb_column .product_countdown_box .box{
    border: 1px solid #ccc;
    padding: 2rem;
    text-align: center;
    margin-bottom: 1rem;
}

#ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_1 .et_pb_column .product_countdown_box .box h3,
#the-issues .key_statistics .boxes h3{
    font-size: 34px !important;
    font-weight: 400!important;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}  

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li ul{
    left: 329px!important;
}

#the-issues .key_statistics .boxes h3 strong{
    font-weight: 400!important;
}

#timeline .slick-arrow img{
    width: 7px;
}

#timeline .slick-arrow.slick-prev{
    left: inherit;
    right: 30px;
}

#timeline .slick-arrow{
    padding: 10px 12px !important;
    background: #d0d0d0!important;
    border-radius: 50%!important; 
    position: relative;
    top: inherit!important;
    right: inherit!important;
    left: inherit!important;
    transform: none!important;
}

#timeline .slick-arrow.slick-prev{
    margin-right: 10px;
}

#timeline .hiv_timeline_contents .navs{
    top: 56%!important;
    background: #fff;
    display: flex;
    position: absolute;
    right: 0;
    z-index: 2;
}

#timeline .boxes .box{
    display: flex!important;
    flex-wrap: wrap;
}

#timeline .boxes .box .ss{
    width: 100%;
    float: left;
}

#timeline .boxes:nth-child(even) .box .bottom{
    order: 1;
}

#timeline .boxes:nth-child(even) .box .middle{
    order: 2;
}

#timeline .boxes .box .middle img{
    width: 60px;
    border-radius: 50%;
    padding: 1px;
}

#timeline .boxes .box .title{
    color: #a0a0a0!important;
    font-weight: 500!important;
}

#timeline .boxes .box h4{
    margin-bottom: 0!important;
    font-size: 16px !important;
}

#timeline .boxes .box .middle{
    position: relative;
}

#timeline .boxes:nth-child(odd) .box .bottom .title::after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d0d0d0;
    position: absolute;
    left: -14px;
    top: 10px;
}

#timeline .boxes:nth-child(odd) .box .bottom::before{
    height: 65%;
}

#timeline .boxes:nth-child(odd) .box .bottom .title::before{
    content: "";
    width: 15px;
    height: 1px;
    background: #d0d0d0;
    position: absolute;
    left: -27px;
    bottom: 14px;
}

#timeline .boxes:nth-child(even) .box .bottom::before{
    height: 94.5%;
    bottom: 0;
}

#timeline .boxes:nth-child(even) .box .bottom .title::before{
    content: "";
    width: 15px;
    height: 1px;
    background: #d0d0d0;
    position: absolute;
    left: 5px;
    top: 14px;
}

.page-id-928 #main-content{
    padding-top: 0!important;
}

#timeline .boxes:nth-child(even) .box .bottom .title::after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d0d0d0;
    position: absolute;
    left: 17px;
    top: 11px;
}

#timeline .boxes:nth-child(odd) .box .top::after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d0d0d0;
    position: absolute;
    left: 3px;
    top: 0;
}

#timeline .boxes:nth-child(even) .box .top::after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d0d0d0;
    position: absolute;
    left: 3px;
    bottom: 0;
}

#timeline .boxes:nth-child(odd) .box .bottom .title{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 1rem;
    position: relative;
}

#timeline .boxes .box .top, #timeline .boxes .box .bottom{
    position: relative;
    padding-left: 2.5rem;
    margin-left: 24px;
}

#timeline .boxes .box .top::before, #timeline .boxes .box .bottom::before{
    content: "";
    width: 1px;
    height: 100%;
    background: #d0d0d0;
    position: absolute;
    left: 5px;
}

#timeline .boxes:nth-child(even) .box .top{
    order: 3;
}

#timeline .boxes:nth-child(even) .box .bottom, #timeline .boxes:nth-child(odd) .box .top{
    height: 20rem;
    overflow-y: auto;
}

#timeline .boxes .box .middle::after{
    content: "";
    width: 80%;
    height: 1px;
    border: 1px dashed #d0d0d0;
    position: absolute;
    left: 2rem;
    top: 30px;
    
}

.tabs-wrapper .tabs-nav-class ul{
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.tabs-wrapper .tabs-nav-class ul li{
    margin: 0 10px 10px;
    text-align: center;
}

.tabs-wrapper .tabs-nav-class ul li a{
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    font-size: calc(15px + 2*(100vw - 375px)/1525) !important;
    border: 1px solid #ccc;
    padding: 10px 20px;
    display: inline-block;
}

.tabs-wrapper .tabs-nav-class ul li:hover a, .tabs-wrapper .tabs-nav-class ul li.active a{
    background: #e33237 !important;
    color: #fff!important;
}

.sb_instagram_header, #sbi_load{
    display: none;
}

.tabs-wrapper #what-it-is .et_pb_image_1{
    margin-bottom: 0!important;
}

.tabs-wrapper #what-it-is .et_pb_column_5 .et_pb_text_4{
    background-color: #555;
    color: #fff;
    padding: 2rem 2rem 1rem;
}

.tabs-wrapper #what-it-is .et_pb_column_5 .et_pb_text_4 h4, .tabs-wrapper #what-it-is .et_pb_column_5 .et_pb_text_4 h5, .tabs-wrapper #what-it-is .et_pb_column_5 .et_pb_text_4 h6, .tabs-wrapper #what-it-is .et_pb_column_5 .et_pb_text_4 h3{
    color: #fff!important;
}

.tabs-wrapper .tab-content-wrapper{
    display: none;
}

.tabs-wrapper .tab-content-wrapper.active{
    display: block!important;
}

.et_pb_section:not(.et_pb_fullwidth_section).image-parralax{
    padding: 5.5% 0 !important;
}

#pdf-secttion iframe{
    height:350px!important;
}

#pdf-secttion .full-size, #pdf-secttion .book-widget{
    height: auto!important;
}

#the-issues .key_statistics .boxes{
    width: 100%;
    float: left;
    margin-bottom: 2rem;
}

#the-issues .key_statistics .boxes h3{
    margin-bottom: 0;
    padding-bottom: 0;
}

#the-issues .the_issues_progress{
    width: 100%;
    float: left;
}

#the-issues .the_issues_progress .boxes{
    width: 100%;
    float: left;
    margin-bottom: 3rem;
}

#the-issues .the_issues_progress .boxes .progress_bars{
    width: 100%;
    float: left;
}

#the-issues .the_issues_progress .boxes .progress_bars .top{
    width: 100%;
    margin-bottom: 7px;
    display: flex;
}

#the-issues .the_issues_progress .boxes .progress_bars .top span:first-child{
    flex: 1;
    font-weight: 600;
    padding-right: 15px;
}

#proposed-solutions .et_pb_toggle{
    border: 0;
    padding: 0!important;
    margin-bottom: 0!important;
}

#proposed-solutions .et_pb_toggle .et_pb_toggle_title{
    padding: 2rem!important;
    margin-bottom: 0;
    border-top: 1px solid #ccc;
    border-bottom: 0;
    background: #fff!important;
}

#proposed-solutions .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title{
    border-bottom: 1px solid #ccc;
}

#proposed-solutions .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:hover{
    background: rgba(175,38,38,0.3)!important;   
}

/*#proposed-solutions .et_pb_toggle .et_pb_toggle_title:before{
    display: none!Important;
}*/

.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before {
    right: 1.5rem!important;
}

#proposed-solutions .et_pb_toggle .et_pb_toggle_content{
    padding: 2rem!important;
}

#proposed-solutions .et_pb_toggle .et_pb_toggle_content .description, #proposed-solutions .et_pb_toggle .et_pb_toggle_content .boxes{
    width: 100%;
    float: left;
    margin-bottom: 2rem;
}

#proposed-solutions .et_pb_toggle .et_pb_toggle_content .boxes.impact{
    margin-bottom: 0;
}

#proposed-solutions .et_pb_toggle .et_pb_toggle_content .boxes .top{
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
}

#get-involved .ending_get_involved{
    width: 100%;
    float: left;
}

#get-involved .ending_get_involved .boxes{
    width: 100%;
    float: left;
    padding-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

#get-involved .ending_get_involved .boxes .image{
    width: 20%;
    position: relative;
}

#get-involved .ending_get_involved .boxes .image::before{
    width: 1px;
    height: 115%;
    border: 1px dashed #ccc;
    left: 50%;
    top: 40px;
    content: "";
    position: absolute;
}

#get-involved .ending_get_involved .boxes:last-child .image::before{
    display: none!important;
}

#get-involved .ending_get_involved .boxes .image img{
    border-radius: 50%;
    width: 100%;
}

#about-join-us:after{
    background: url(img/aids-ribbon2.png) no-repeat!important;
    right: inherit!important;
    left: 0!important;
}

#get-involved .ending_get_involved .boxes .info{
    width: 80%;
    padding-left: 2rem;
}

#get-involved .ending_get_involved .boxes .info .title{
    margin-bottom: 0;
    padding-bottom: 5px;
}

#videos-wrapper{
    border-top: 1px solid #ccc;
}

#the-issues .the_issues_progress .boxes .link{
    width: 100%;
    float: left;
    text-align: right;
}

.tabs-wrapper #what-it-is .et_pb_column_5 .et_pb_text_4:hover{
    background-color: #e33237 !important;
}

.staff_contents .boxes{
    width: 100%;
    float: left;
    margin-bottom: 2rem;
}

.staff_contents .boxes .box{
    position: relative;
}

.staff_contents .boxes .box .image{
    position: relative;
    margin-bottom: 1rem;
}

.staff_contents .boxes .box .info{
    text-align: center;
}

.staff_contents .boxes .box .info .title, .popup-hidden .info .title{
    padding-bottom: 0;
    margin-bottom: 0;
}

.staff_contents .boxes .overlay, .popup-hidden .overlay{
    width: 100%;
    padding-bottom: 100%;
    background-position: center!important;
    background-size: cover!important;
    cursor: pointer;
}

.staff_contents .boxes .overlay:hover{
    opacity: 0.7;
}

.fancybox__container{
    z-index: 9999999!important;
}

.popup-hidden{
    width: 23rem;
}

.popup-hidden .info{
    width: 100%;
    float: left;
    margin-top: 2rem;
}

.popup-hidden .info .position{
    padding-bottom: 0;
    line-height: 20px;
    margin-bottom: 0;
}

.events-container .events .boxes{
    width: 100%;
    float: left;
    margin-bottom: 1.5rem;
}

.events-container .events .boxes .cover-bg, .featured-slider .boxes .cover-bg{
    width: 100%;
    padding-bottom: 100%;
    background-position: center!important;
    background-size: cover!important;
    cursor: pointer;
    margin-bottom: 1.5rem;
    -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
}

.featured-slider .boxes{
    height: auto!important;
}

.events-container .events .boxes .box, .featured-slider .boxes .box{
    text-align: center;
    border: 1px solid #ccc;
    height: 100%;
}

.featured-slider{
    padding: 0 2rem;
}

.events-container .events .boxes .box .title, .featured-slider .boxes .box .title{
    font-weight: 400!important;
    padding: 0 2rem 1rem;
}

.events-container .events .boxes .cover-bg:hover, .featured-slider .boxes .cover-bg:hover{
    opacity: 0.5;
}

.cpp_form select{
    width: 100%;
    height: 50px;
    padding: 15px;
    margin-bottom: 1rem;
}

.cpp_form .fieldCalendar .ui-datepicker-inline{
    max-width: 100% !important;
}

.ahb_m2 #fbuilder .ui-datepicker-header{
    font-size: 16px!important;
    line-height: 40px!important;
}

.ahb_m2 #fbuilder .ui-datepicker-next, .ahb_m2 #fbuilder .ui-datepicker-prev{
    margin: 15px 10px!important;
}

.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active,
.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover{
    background: #e33237!important;
}

body .ahb_m2 #fbuilder td a, body .ahb_m2 #fbuilder td span {
    border-radius: 0!important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding-bottom: min(33px, 90%) !important;
}

.ahb_m2 #fbuilder .slots div a {
    border-radius: 0!important;
    border: 1px solid #e33237!important;
    padding: 6px 12px!important;
}

body #fbuilder .small, body #fbuilder .medium, .dfield input[type=text]{
    width: 100% !important;
    height: 45px;
    padding: 15px!important;
}

.et_pb_toggle .et_pb_toggle_title{
    margin-bottom: 0;
}

#fbuilder .fields, #fbuilder .fform {
    margin-bottom: 10px;
}

.et_pb_toggle{
    background-color: #fff!important;
    border: 1px solid #ccc!important;
}

#formheader_1 #field{
    padding: 0;
    margin-bottom: 0;
}

.page-id-938 #about-contact-us .et_pb_row.et_pb_row_4{
    padding: 0;
    margin-bottom: 0;
}

.ui-datepicker {
    min-width: 100px!important;
}

.pbSubmit{
    background: #e33237 !important;
    border-radius: 0 !important;
    border: 1px solid #e33237 !important;
    color: #fff !important;
    min-width: 140px;
    padding: 15px !important;
    outline: 0 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    text-transform: capitalize;
    font-size: calc(13px + 2*(100vw - 375px)/1525) !important;
    opacity: 1 !important;
    font-family: "Poppins",sans-serif;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    position: relative;
    text-transform: uppercase;
}

.pbSubmit:hover{
    background: #fff !important;
    background-color: #fff !important;
    color: #e33237 !important;
    opacity: .7;
    text-decoration: none !important;
}

.single-container{
    margin: 4rem auto;
    float: none;
    width: 100%;
}

.single-container .title{
    margin-top: 4rem;
}

.bordered{
    border: 1px solid #ccc;
    margin-top: 5rem!important;
    padding: 3rem!important;
}

.bordered-black h2, .bordered-black h1, .bordered-black h3, .bordered-black h4, .bordered-black h5, .bordered-black h6{
    color: #fff!important;
    font-weight: 500 !important;
}

.bordered-black h4{
    padding-bottom: 0;
    margin-bottom: 0;
}

.bordered-black, .bordered-red{
    padding: 2rem;
}

.bordered-red h2, .bordered-red h1, .bordered-red h3, .bordered-red h4, .bordered-red h5, .bordered-red h6{
    color: #fff!important;
    font-weight: 600 !important;
}

.carousel-slider .owl-item img{
    width: auto!important;
}

#homepage-what-we-do .homepage_getting_to_zero .boxes .box ul li, #homepage-what-we-do .homepage_getting_to_zero .boxes .box span, #homepage-what-we-do .homepage_getting_to_zero .boxes .box ul li a{
    color: #fff;
}

.carousel-slider .owl-stage{
    display: flex!important;
}

.carousel-slider.owl-drag .owl-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#homepage-what-we-do .homepage_getting_to_zero .boxes .box .wrapper{
    padding: 2rem;
}

body.page-id-1402 .et_pb_section.et_pb_section_0{
    padding-bottom: 0!important;
}

.news_listing_ul li .li-container{
    height: 100%;
}

.page-id-1402 #hiv-tabs-section{
    padding-top: 0!important;
}

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current_page_item .sub-menu li:hover .sub-menu li a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current_page_item .sub-menu li.current-menu-item .sub-menu li a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-parent .sub-menu li:hover .sub-menu li a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-parent .sub-menu li.current-menu-item .sub-menu li a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-item .sub-menu li:hover .sub-menu li a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-item .sub-menu li.current-menu-item .sub-menu li a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li:hover .sub-menu li:hover .sub-menu li a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li:hover .sub-menu li.current-menu-item .sub-menu li a{
    color: #333!important;
}

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current_page_item .sub-menu li .sub-menu li:hover a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current_page_item .sub-menu li .sub-menu li.current-menu-item a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-parent .sub-menu li .sub-menu li:hover a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-parent .sub-menu li .sub-menu li.current-menu-item a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-item .sub-menu li .sub-menu li:hover a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.current-menu-item .sub-menu li .sub-menu li.current-menu-item a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li:hover .sub-menu li .sub-menu li:hover a, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li:hover .sub-menu li .sub-menu li.current-menu-item a{
    color: #e33237 !important;
}

#heterosexual-men .hover-text{
    color: #ffffff;
    background-color: #83a846;
    padding: 1rem;
    border-radius: 10px;
}

#heterosexual-men .hover-text.et_clickable:hover{
    background-color: #a81010;
}

#heterosexual-men .hover-text h1, #heterosexual-men .hover-text h2, #heterosexual-men .hover-text h3, #heterosexual-men .hover-text h4, #heterosexual-men .hover-text h5, #heterosexual-men .hover-text h6{
    color: #ffffff!important;
}

#about-gallery .about_gallery_items .slick-slider .grid-item .wrapper{
    height: 25rem;
}

#about-gallery .about_gallery_items .slick-slider .grid-item{
    cursor: pointer;
}

#about-gallery .about_gallery_items .slick-slider .grid-item video{
    height: 100%!important;
}

#about-gallery .et_pb_column{
    opacity: 1!important;
}

#about-gallery .et_pb_row {
    max-width: 100% !important;
    width: 100% !important;
}

#width80{
        width: 80%!important;
    }
    
.page-id-1293 .et_pb_toggle_close, .page-id-1293 .et_pb_toggle_open{
    padding: 15px 0;
}

.page-id-1293 .et_pb_toggle h5.et_pb_toggle_title{
    padding: 0 50px;
}

.page-id-1293 .et_pb_toggle_open .et_pb_toggle_title{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px!important;
}

.page-id-1293 .et_pb_toggle_open .et_pb_toggle_title:before {
    top: 10px;
}

.page-id-1293 .et_pb_toggle_content{
    padding: 30px 20px;
}

.page-id-1293 .et_pb_toggle{
    border: 1px solid #ccc!important;
}

/*.page-id-1293 .et_pb_toggle .et_pb_toggle_title:before {
    right: inherit!important;
    left: 20px;
}*/

body #main-header .header-top span:first-child{
    font-weight: 700!important;
    font-size: calc(15px + 2*(100vw - 375px)/1525) !important;
}

body #main-header .form-container{
    z-index: 1!important;
}

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li{
    background: #ddd!important;
}

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li:hover ul li, body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li.current_page_item ul li {
    background: #ddd !important;
}

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li ul li:hover, 
body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li ul li.current_page_item {
    background: #fff !important;
}

.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before{
    content: ""!important;
    background: url(img/arrow-down.png) no-repeat;
    background-position: center !important;
    background-size: cover !important;
    background-size: 100% !important;
    width: 14px;
    height: 9px;
    position: absolute;
    right: 15px;
    top: 13px;
}

.et_pb_toggle_open .et_pb_toggle_title:before{
    content: ""!important;
    background: url(img/arrow-down-up.png) no-repeat;
    background-position: center !important;
    background-size: cover !important;
    background-size: 100% !important;
    width: 14px;
    height: 9px;
    position: absolute;
    right: 15px;
    top: 20px;
}

.et_pb_section:not(.et_pb_fullwidth_section).padding-top-zero{
    padding-top: 0!important;
}

.page-id-1264 .et_pb_section.et_pb_section_0{
    padding-bottom: 0!important;
        margin-bottom: -3rem;
}

.page-id-1301 .et_pb_section.et_pb_section_0{
    padding-bottom: 0!important;
}

.page-id-1301 #statement, .page-id-1301 #support, .page-id-1301 #workplace{
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.tabs-container-contents .background-border .et_pb_button_module_wrapper{
    margin-bottom: 10px;
}

.tabs-container-contents .background-border{
    border: 1px solid #e33237;
    border-radius: 10px;
    padding: 1.5rem;
    background-color: #e8e8e8;
}

.tabs-container-contents strong{
    color: #e33237;
}

.table-column td{
    border: 0!important;
    vertical-align: top;
}

.table-column table{
    border: 0!important;
}

body .table-column{
    margin-top: 3rem;
}

body #main-content .button.button-black{
    background: #555 !important;
    border: 1px solid #555 !important;
}

body #main-content .button.button-black:hover, body #main-content .button.button-black:focus{
    background: #fff!important;
    color: #555!important;
}

#get-involved .ending_get_involved .boxes .image img{
    position: relative;
}

#timeline .boxes .box .middle img{
    position: relative;
    z-index: 1;
}

.fullwidth-row-column .et_pb_row{
    width: 100%!important;
    max-width: 100%!important;
}

.fullwidth-row-column .et_pb_row:nth-child(odd) .et_pb_column:first-child {
    padding: 0 2rem;
}

.fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:last-child {
    padding: 0 2rem;
}

.page-id-1466 .et_pb_section.et_pb_section_0{
    padding-bottom: 0!important;
}

.page-id-1466 .special-container, .page-id-1466 .padding-zero{
    padding: 0 0 2rem!important;
}

.page-id-1301 .et_pb_row a{
    margin-bottom: 7px;
}

.et_pb_toggle_content a{
    margin-bottom: 5px;
}

.page-id-1564 .et_pb_section_1{
    padding-top: 0 !important;
}

.page-id-1466 .et_pb_toggle{
    margin-bottom: 20px!important;
}

.page-id-1564 .et_pb_section_0{
    padding-bottom: 0!important;
}

.archive-container .list-group-item.active, .archive-container .list-group-item.active:focus, .archive-container .list-group-item.active:hover{
    background: #fff!important;
}

.archive-container .list-group-item{
    border: 0 !important;
}

.newscontainer .container_left .category ul li ul a:hover, .newscontainer .container_left .category ul li ul li.current-cat a, .archive-container ul li.current-cat a, .archive-container ul li a:hover,
.archive-container .list-group-item.active a, .archive-container .list-group-item.active:focus a, .archive-container .list-group-item.active:hover a{
    color: #e33237!important;
}

body .caret{
    top: 50%;
    right: 1rem;
    border: 0;
}

.caret::after, .caret::before{
    background: #000!important;
}

#timeline .boxes:last-child .box .top::before, #timeline .boxes:last-child .box .bottom::before,
#timeline .boxes:last-child .box .top::after, #timeline .boxes:last-child .box .bottom .title::after,
#timeline .boxes:last-child .box .bottom .title::before{
    background: #e33237 !important;
}

#proposed-solutions .et_pb_toggle .et_pb_toggle_title{
    font-size: calc(15px + 2*(100vw - 375px)/1525) !important;
}


.lg-backdrop{
    z-index: 999999!important;
}

.lg-outer{
    z-index: 9999999!important;
}

.page-id-1301 #getinvolved{
    padding-top: 0!important;
}

.play-video{
    width: 100%;
    height: 250px;
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.play-video svg{
    width: 50px;
    fill: #fff;
}

body .goog-te-gadget .goog-te-combo{
    width: 100%;
    border-color: #e1e1e1;
    background-color: #fcfcfc;
    color: #919191;
    -webkit-appearance: none;
    border-radius: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 2px;
}

body h1, body h2, body h3, body h4, body h5, body h6, html h1, html h2, html h3, html h4, html h5, html h6{
    margin-bottom: 15px;
}

.page-id-1360 .et_pb_section.et_pb_section_0{
    padding-bottom: 1rem!important;
}

.et_pb_section:not(.et_pb_fullwidth_section).fullwidth-row-column{
    position: relative;
    padding: 0 0 2rem!important;
}

.fullwidth-row-column::before{
    content: "";
    background: url(img/aids-ribbon2.png) no-repeat;
    background-position: left bottom!important;
    background-size: 100% !important;
    top: 0;
    left: 0;
    position: absolute;
    height: 26%;
    width: 50%;
}

.fullwidth-row-column .et_pb_row{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

body h5, html h5 {
    font-size: calc(15px + 2*(100vw - 375px)/1525) !important;
}

.page-id-1441 .et_pb_section_2 .et_pb_module{
    margin-bottom: 10.628%;
}

.page-id-1441 .et_pb_section_2{
    padding: 0 0 3rem!important;
}

.page-id-1441 .et_pb_section:not(.et_pb_fullwidth_section).fullwidth-row-column {
    padding: 0 0 0rem!important;
}

.fullwidth-row-column::before {
    display: none;
}

.page-id-1441 .custom-wrapper::before {
    content: "";
    background: url(img/aids-ribbon2.png) no-repeat;
    background-position: left bottom!important;
    background-size: 100% !important;
    bottom: -3rem;
    left: 0;
    position: absolute;
    height: 26%;
    width: 50%;
}

body:not(.page-id-1441):not(.page-id-16) .custom-wrapper::before {
    content: "";
    background: url(img/aids-ribbon2.png) no-repeat;
    background-position: top left!important;
    background-size: 100% !important;
    top: 10%;
    left: 0;
    position: absolute;
    height: 60%;
    width: 50%;
}

body:not(.page-id-1441):not(.page-id-16).page-id-1323 .custom-wrapper::before{
    display: none!important;
}

body:not(.page-id-1441):not(.page-id-16).page-id-1454 .custom-wrapper::before,
body:not(.page-id-1441):not(.page-id-16).page-id-1396 .custom-wrapper::before{
    top: 0;
}

body.page-id-1441 .et_pb_section.et_pb_section_0{
    padding-bottom: 0!important;
}

.custom-tabs{
    border: 0!important;
}

.custom-tabs .et_pb_tabs_controls{
    background-color: #fff;
}

.custom-tabs ul.et_pb_tabs_controls:after{
    display: none;
}

.custom-tabs .et_pb_tabs_controls li{
    border: 0!important;
    width: 100%;
    height: auto!important;
}

.red-ribbon-table table td{
    vertical-align: top;
    padding: 2rem!important;
}

.red-ribbon-table table{
    border: 0!important;
}

.red-ribbon-table table td h3, .red-ribbon-table table td h4{
    margin-bottom: 0;
    padding-bottom: 0;
}

.custom-tabs .et_pb_tabs_controls li a{
    display: block;
    padding: 15px 20px;
    text-align: left;
    color: #333;
    border: 1px solid #d9d9d9;
    position: relative;
}

.custom-tabs .et_pb_tabs_controls li a:before {
    content: ""!important;
    background: url(img/arrow-down.png) no-repeat;
    background-position: center !important;
    background-size: cover !important;
    background-size: 100% !important;
    width: 14px;
    height: 9px;
    position: absolute;
    right: 15px;
    top: 20px;
}

.custom-tabs .et_pb_tabs_controls li.et_pb_tab_active a, .custom-tabs .et_pb_tabs_controls li:hover a{
    background: #e33237!important;
    color: #fff!important;
    border: 1px solid #e33237!important;
}

.page-id-1396 .et_pb_section:not(.et_pb_fullwidth_section).fullwidth-row-column{
    padding: 4rem 0 2rem!important;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: 30px 24px;
}

.page-id-1396 #about-contact-us{
    padding-top: 4rem!important;
}

body .et_pb_button_module_wrapper .et_pb_button.big-button{
    padding: 20px 30px!important;
    font-size: calc(16px + 2*(100vw - 375px)/1525) !important;
    margin-top: 1.3rem;
}

.redd-ribbon-custom-border .et_pb_image{
    margin-bottom: 1.27%!important;
    margin-top: -2rem;
}

.redd-ribbon-custom-border .et_pb_column{
    border: 1px solid #eee;
    padding: 0 2rem 2rem;
}

.redd-ribbon-custom-border{
    border-top: 1px solid #eee;
    padding-top: 4rem!important;
    display: flex;
    flex-wrap: wrap;
}

.page-id-1470 .et_pb_section:not(.et_pb_fullwidth_section).fullwidth-row-column {
    padding: 0 0 0rem!important;
}

.et_pb_section:not(.et_pb_fullwidth_section).red-ribbon-table-parent{
    padding-top: 0!important;
}

body #main-footer .footer-top .container .footer-content .socials li a img{
    width: 24px!important;
}

html .page-id-1373 .et_pb_section.et_pb_section_0, html .page-id-1388 .et_pb_section.et_pb_section_0{
    padding-bottom: 0!important;
}

body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu {
    width: 330px !important;
}

.page-id-1578 #about-join-us{
    padding-top: 0!important;
}

.page-id-1578 #about-join-us:after{
    display: none!important;
}

.page-id-1578 #about-join-us #openingsssssss{
    padding-top: 0!important;
}

.page-id-1578 #about-join-us .job-openings .boxes .title-header .title{
    font-size: calc(22px + 2*(100vw - 375px)/1525) !important;
    font-weight: 700;
}

.page-id-1578 #about-join-us .job-openings .boxes .title-header{
    padding: 25px 40px;
}

.page-id-644 .form-container, .page-id-644 .header-top{
    display: none!important;
}

.single-post .description ul{
    list-style: disc;
    padding-inline-start: 25px;
    padding-bottom: 0;
}

.single-post .description ol{
    list-style: decimal;
    padding-inline-start: 25px;
    padding-bottom: 0;
}

@media (min-width: 375px){
    #timeline .hiv_timeline_contents .navs{
        top: 59%!important;
    }
    
    .staff_contents .boxes{
        width: 50%;
        padding: 0 1.5rem;
    }
    
    .events-container .events .boxes{
        width: 50%;
        padding: 0 12px;
    }
}

@media (min-width: 412px){
    #timeline .hiv_timeline_contents .navs{
        top: 63%!important;
    }
    
    .popup-hidden {
        width: 27rem;
    }
}

@media (min-width: 540px){
    #ending-hiv-top::before{
        height: 12%;
    }
    
    .popup-hidden {
        width: 32rem;
    }
    
    .featured-slider .boxes{
        padding: 0 12px;
    }
}

@media (max-width: 767px){
    #ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_2{
        text-align: center;
    }
    
    .red-ribbon-table table td{
        display: block;
        width: 100% !important;
    }
    
    .tabs-wrapper .tab-content-wrapper .et_pb_button_module_wrapper{
        text-align: center;
    }
    
    #pdf-secttion .et_pb_text_15{
        text-align: center;
    }
    
    .page-banner .page-content h1 {
        font-size: calc(22px + 2*(100vw - 375px)/1525)!important;
    }
    
    .search #left-area .et_pb_post{
        width: 100% !important;
    }
    
    .table-column td{
        display: block;
        margin-bottom: 4rem;
        width: 100%!important;
    }
    
    .page-id-1301 #watch-a-video .et_pb_module .et_pb_text_inner{
        margin-bottom: 3rem;
    }
}

@media (min-width: 768px){
    
    .page-id-1578 #about-join-us .job-openings .boxes .body{
        display: flex;
    }
    
    .page-id-1578 #about-join-us .job-openings .boxes .body .lefts{
        width: 70%;
        padding-right: 4rem;
        flex: 1;
    }
    
    #ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_2 .et_pb_column{
        text-align: right;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    
    #ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_2 .et_pb_button_module_wrapper{
        margin-left: 15px;
    }
    
    #timeline .hiv_timeline_contents .navs{
        top: 60%!important;
    }
    
    #timeline .boxes .box .middle::after{
        width: 100%;
    }
    
    #pdf-secttion .et_pb_column_1_3.et_pb_column_16 .et_pb_text_13 .et_pb_text_inner{
        display: flex;
        flex-wrap: wrap;
        text-align: right;
        justify-content: flex-end;
    }
    
    #pdf-secttion .et_pb_column_1_3.et_pb_column_16 .et_pb_text_13 .et_pb_text_inner p{
        padding-bottom: 0;
        margin-left: 15px;
    }
    
    #what-it-is .et_pb_column_3_4.et_pb_column_6 .et_pb_button_module_wrapper{
        float: right;
        width: auto;
        margin-left: 15px;
    }
    
    #the-issues .key_statistics .boxes {
        width: 33.33%;
    }
    
    #the-issues .the_issues_progress .boxes {
        width: 50%;
        padding: 0 2rem;
    }
    
    #get-involved .ending_get_involved .boxes .image {
        width: 100px;
    }
    
    #get-involved .ending_get_involved{
        padding-left: 3rem;
    }
    
    body.page-id-23 .contact_10 {
        padding: 0rem 0 6rem !important;
    }
    
    .staff_contents .boxes{
        width: 33.33%;
    }
    
    .popup-hidden {
        width: 45rem;
    }
    
    .popup-hidden .image{
        width: 40%;
    }
    
    .popup-hidden .info{
        width: 60%;
        float: left;
        margin-top: 0;
        padding-left: 2rem;
    }
    
    .popup-hidden{
        flex-direction: row!important;
    }
    
    .events-container .events .boxes {
        width: 33.33%;
    }
    
    .news_listing_ul li{
        width: 50%!important;
    }
    
    #about-gallery .about_gallery_items .slick-slider .slick-slide{
        flex-direction: row!important;
        flex-wrap: wrap;
    }
    
    #about-gallery .about_gallery_items .slick-slider .grid-item {
        width: 33.33%!important;
        padding: 7px;
    }
    
    #about-gallery .about_gallery_items .slick-slider .grid-item .wrapper {
        height: 15rem;
    }
    
    #about-gallery .about_gallery_items .slick-slider .grid-item .wrapper {
        margin-bottom: 0!important;
        padding: 0!important;
    }
    
    .page-id-1264 #about-gallery .about_gallery_items .slick-slider .grid-item .wrapper {
        height: 12rem;
    }
    
    .page-id-1301 #watch-a-video .et_pb_column{
        display: flex;
        flex-wrap: wrap;
    }
    
    .page-id-1301 #watch-a-video .et_pb_module{
        width: 50%!important;
        float: left;
        margin-bottom: 3rem!important;
    }
    
    .page-id-1301 #watch-a-video .et_pb_module.et_pb_text{
        padding-left: 3rem;
    }
    
    .page-id-1287 .custom-wrapper::before{
        height: 70%;
        width: 20%;
    }
    
    .page-id-1441 .custom-wrapper::before {
        height: 30%;
        width: 30%;
    }
    
    body:not(.page-id-1441):not(.page-id-16) .custom-wrapper::before{
        width: 15%;
    }
    
    .custom-tabs .et_pb_all_tabs{
        width: 60%;
        float: left;
        padding-left: 3rem;
    }
    
    .custom-tabs .et_pb_tabs_controls{
        width: 40%;
        float: left;
        margin-bottom: 0;
    }
    
    .custom-tabs .et_pb_all_tabs .et_pb_tab{
        padding: 0;
    }
    
    .custom-tabs .et_pb_tabs_controls li{
        margin-bottom: 15px!important;
    }
    
    body.et_pb_gutters3 .et_pb_module.custom-tabs{
        width: 100%;
        float: left;
        margin-bottom: 3rem!important;
    }
    
    body #main-footer .footer-top .container .footer-content .socials li {
        padding: 0 11px 0 0!important;
    }
}

@media (max-width: 991px){
    .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:last-child{
        order: 1;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:first-child{
        order: 2;
    }
    
    body.page-id-644 #main-header .cuystom-links{
        display: none!important;
    }
}

@media (min-width: 992px){
    
    body.page-id-23 .contact_10 .et_pb_row_1 .et_pb_column.et_pb_column_2{
        padding-top: 4rem!important;
    }
    
    body.page-id-23 .contact_10 .et_pb_row_1 .et_pb_column.et_pb_column_1 {
        width: 50%!important;
        padding-left: 4rem;
    }
    
    body.page-id-23 .contact_10 .et_pb_row_1 .et_pb_column.et_pb_column_2{
        width: 30%!important;
    }
    
    body.page-id-644.et_header_style_left #et-top-navigation{
        margin-top: 0!important;
    }
    
    body.page-id-644 #main-header .et_menu_container .logo_container {
        padding: 18px 0;
        margin-top: 0!important;
    }
    
    body.page-id-644 #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2{
        padding-left: 15px!important;
    }
    
    #ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_1 .et_pb_column .product_countdown_box{
        display: flex;
    }
    
    body.page-id-23 .contact_10 .et_pb_row.contact-us-center{
        width: 50% !important;
    }
    
    body.page-id-23 .contact_10 .et_pb_row.contact-us-center .et_pb_column.et_pb_column_1 {
        width: 100%!important;
    }
    
    .page-id-1441 .custom-wrapper::before{
        height: 90%;
        width: 20%;
    }
    
    .page-id-1441 .fullwidth-row-column .et_pb_row {
        margin-bottom: 1rem;
    }
    
    #ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_1 .et_pb_column .product_countdown_box .box{
        margin-left: 1rem;
        margin-right: 1rem;
        flex: 1;
    }
    
    .news_listing_ul li{
        width: 33.33%!important;
    }
    
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
        margin-bottom: 0.75%!important;
    }
    
    #ending-hiv-top .et_pb_row_1-4_3-4 .et_pb_column_1_4.et_pb_column_0{
        width: 30.875%;
    }
    
    #ending-hiv-top .et_pb_row_1-4_3-4 .et_pb_column_3_4.et_pb_column_1{
        width: 63.625%;
    }
    
    #timeline .hiv_timeline_contents .navs {
        top: 55%!important;
    }
    
    #the-issues .key_statistics .boxes {
        width: 25%;
    }
    
    #ending-hiv-top::before{
        transform: rotate(3deg);
    }
    
    .staff_contents .boxes{
        width: 25%;
        padding: 0 2rem;
    }
    
    .popup-hidden {
        width: 55rem;
    }
    
    .events-container .events .boxes {
        width: 25%;
    }
    
    .bordered{
        display: flex;
    }
    
    .bordered .et-last-child{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .page-id-1264 #about-gallery .about_gallery_items .slick-slider .grid-item{
        width: 33.33%!important;
    }
    
    .et_pb_gutters3 .et_pb_column_1_2 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module {
        margin-bottom: 0.82%!important;
    }
    
    .page-id-1543 #about-gallery .about_gallery_items .slick-slider .grid-item{
        width: 33.33%!important;
    }
    
    .page-id-1543 #about-gallery .about_gallery_items .slick-slider .grid-item .wrapper {
        height: 12rem;
    }
    
    .page-id-1264 .w60{
        display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
    }
    
    .page-id-1264 .w60 .et_pb_column:last-child{
        display: flex;
    flex-direction: column;
    justify-content: center;
    }
    
    .et_header_style_left #et-top-navigation{
        width: 100%!important;
        margin-left: 1rem;
        margin-top: 27px;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav{
        margin-right: 0!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link1 a{
        background: #69a5b8 !important;
        border: 1px solid #69a5b8 !important;
        background-color: #69a5b8 !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2 a{
        min-width: 70px !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2{
        padding-left: 0!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links a{
        background: #e33237 !important;
        border-radius: 0 !important;
        border: 1px solid #e33237 !important;
        color: #fff !important;
        min-width: 140px;
        padding: 15px !important;
        outline: 0 !important;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        text-align: center;
        text-transform: capitalize;
        font-size: calc(13px + 2*(100vw - 375px)/1525) !important;
        opacity: 1 !important;
        font-family: "Poppins",sans-serif;
        font-weight: 400 !important;
        letter-spacing: 1px !important;
        position: relative;
        text-transform: uppercase;
        font-size: calc(10px + 2*(100vw - 375px)/1525) !important;
        padding: 17px 7px !important;
        min-width: 135px !important;
        color: #fff !important;
        height: 100%;
        display: flex!important;
        justify-content: center;
    flex-direction: column;
    font-weight: 600!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links .sub-menu li a{
        position: relative;
        padding: 0 15px !important;
        width: auto;
        color: #333 !important;
        text-align: center;
        text-transform: none!important;
        background: #fff!important;
        font-size: calc(12px + 3*(100vw - 375px)/1525)!important;
        font-weight: 500 !important;
        border: 0!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links .sub-menu li:first-child {
        padding-top: 7px !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links .sub-menu li:last-child {
        padding-bottom: 7px !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links .sub-menu li:hover a{
        color: #e33237 !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li a{
        padding: 13px 0 !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li.custom-links .sub-menu{
        right: 0!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu{
        top: 64px!important;
    }
    
    body #main-header .form-container{
        z-index: 3!important;
    }
    
    .page-id-1466 .special-container .et_pb_row_inner .et_pb_column_inner_0{
        width: 63.26486%!important;
    }
    
    .page-id-1466 .special-container .et_pb_row_inner .et_pb_column_inner_1{
        width: 29.26486%!important;
    }
    
   .fullwidth-row-column .et_pb_row:nth-child(odd) .et_pb_column:first-child {
        padding: 0 0 0 4rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(odd) .et_pb_column:last-child .et_pb_image, .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:first-child .et_pb_image{
        margin-bottom: 0!important;
        height: 100%;
    }
    
    /*.fullwidth-row-column .et_pb_row:nth-child(odd) .et_pb_column:last-child .et_pb_image .et_pb_image_wrap,
    .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:first-child .et_pb_image .et_pb_image_wrap{
        height: 100%;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(odd) .et_pb_column:last-child .et_pb_image .et_pb_image_wrap img,
    .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:first-child .et_pb_image .et_pb_image_wrap img{
        height: 100%;
    }*/
    
    .fullwidth-row-column .et_pb_row{
        margin-bottom: 2rem;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:last-child {
        padding: 0 4rem 0 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .fullwidth-row-column::before{
        height: 45%;
        width: 20%;
    }
    
    .custom-tabs .et_pb_tabs_controls {
        width: 30%;
    }
    
    .custom-tabs .et_pb_all_tabs {
        width: 70%;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu li .sub-menu{
        top: 0!important;
    }
    
    body #main-header .header-top .container{
        display: flex;
        flex-wrap: wrap;
        width: 98%;
    }
    
    body #main-header .header-top .container span:last-child{
        flex: 1;
        padding: 0 1rem;
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    body #main-header .et_menu_container .logo_container {
        width: 10.33%!important;
    }
}

@media (min-width: 1200px){
    body.page-id-644 #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2{
        padding-left: 38px!important;
    }
    
    #ending-hiv-top::before {
        height: 20%;
    }
    
    body.page-id-23 .contact_10 .et_pb_row.contact-us-center {
        width: 45% !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li {
        padding-left: 38px!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link1{
        padding-left: 60px!important;
    }
    
    body #main-header .header-top .container{
        width: 92%;
    }
    
    body #main-header .header-top .container span:last-child{
        padding: 0 3rem;
    }
    
    body:not(.page-id-1441):not(.page-id-16) .custom-wrapper::before {
        height: 70%;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom, #timeline .boxes:nth-child(odd) .box .top {
        height: 25rem;
    }
    
    #timeline .boxes .box .top, #timeline .boxes .box .bottom {
        padding-left: 3.5rem;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::before {
        top: 12px;
    }
    
    body #main-footer .footer-top .container .footer-content .socials li a img {
        width: 18px!important;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::after {
        top: 9px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::before {
        left: -33px;
        bottom: 13px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::after {
        left: -19px;
        top: 11px;
    }
    
    #timeline .hiv_timeline_contents .navs {
        top: 59%!important;
    }
    
    #the-issues .the_issues_progress .boxes {
        width: 33.33%;
    }
    
    #timeline .boxes .box h4{
        font-size: 14px !important;
    }
    
    #proposed-solutions .et_pb_toggle .et_pb_toggle_title{
        font-size: calc(13px + 2*(100vw - 375px)/1525) !important;
    }
    
    #get-involved .ending_get_involved{
        padding-left: 8rem;
    }
    
    body #about-join-us #openingsssssss {
        width: 92%;
        margin-bottom: 1rem;
    }
    
    body.page-id-23 .contact_10{
        float: none;
        margin: 0 auto;
        padding: 0 0 6rem !important;
        width: 100%!important;
    }
    
    /*body.page-id-23 .contact_10 .et_pb_row_1 .et_pb_column.et_pb_column_2 {
        width: 61.25% !important;
    }*/
    
    body.page-id-23 .contact_10 .contact-detail {
        width: 85% !important;
    }
    
    .staff_contents .boxes{
        width: 20%;
    }
    
    .popup-hidden .image{
        width: 25%;
    }
    
    .popup-hidden .info{
        width: 75%;
        padding-left: 4rem;
    }
    
    .popup-hidden {
        width: 65rem;
    }
    
    .events-wrapper{
        width: 75%;
        float: none;
        margin: 0 auto;
    }
    
    .pbSubmit{
        font-size: calc(10px + 2*(100vw - 375px)/1525) !important;
        min-width: 110px;
        padding: 13px !important;
    }
    
    .single-container{
        width: 80%;
        margin-bottom: 6rem;
    }
    
    #width80{
        width: 100%!important;
    }
    
    #featured-articles .et_pb_row{
        width: 80%!important;
    }
    
    .page-id-1402 .tabs-wrapper .tab-content-wrapper{
        width: 70%!important;
    }
    
    #about-gallery .about_gallery_items .slick-slider .grid-item .wrapper {
        height: 25rem;
    }
    
        #about-gallery .about_gallery_items .slick-slider .grid-item {
        width: 20%!important;
    }
    
    .tabs-wrapper .tabs-nav-class ul li a{
        font-size: calc(13px + 2*(100vw - 375px)/1525) !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links a{
        padding: 13px 16px !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li a {
        padding: 18px 0 !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links .sub-menu li a{
        font-size: calc(10px + 3*(100vw - 375px)/1525)!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu {
        top: 40px!important;
    }
    
    .page-id-1301 .et_pb_row:not(.et_pb_row_1){
        width: 70%!important;
    }
    
    .page-id-1301 #watch-a-video .et_pb_module.et_pb_text{
        width: 70%!important;
        padding-left: 5rem;
    }
    
    .page-id-1301 #watch-a-video .et_pb_module.play-video{
        width: 30%!important;
    }
    
    .page-id-1287 .custom-wrapper::before {
        height: 90%;
        width: 20%;
        bottom: -13rem;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(odd) .et_pb_column:first-child{
        width: 50%;
        margin-right: 0;
        padding: 0 4rem 0 6rem;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:last-child{
        width: 50%;
        margin-right: 0;
        padding: 0 6rem 0 4rem;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(odd) .et_pb_column:last-child {
        width: 50%;
    }
    
    .fullwidth-row-column .et_pb_row:nth-child(even) .et_pb_column:first-child {
        width: 50%;
        margin-right: 0;
    }
    
    .fullwidth-row-column::before {
        height: 69%;
    }
    
    .et_pb_section:not(.et_pb_fullwidth_section).fullwidth-row-column {
        padding: 0 0 4rem!important;
    }
    
    body h5, html h5 {
        font-size: calc(11px + 2*(100vw - 375px)/1525) !important;
    }
    
    .page-id-1396 .et_pb_section.et_pb_section_0 .et_pb_row, .page-id-1396 .et_pb_section.et_pb_section_1 .et_pb_row{
        width: 74%;
    }
    
    .page-id-1396 .et_pb_section.et_pb_section_3 .et_pb_row{
        width: 65%;
    }
    
    body .et_pb_button_module_wrapper .et_pb_button.big-button {
        padding: 15px 30px!important;
        font-size: calc(12px + 2*(100vw - 375px)/1525) !important;
    }
    
    .custom-tabs .et_pb_tabs_controls li a {
        padding: 12px 20px;
    }
    
    .custom-tabs .et_pb_tabs_controls {
        width: 25%;
    }
    
    .custom-tabs .et_pb_all_tabs {
        width: 75%;
        padding-left: 6rem;
    }
    
    body #main-header .form-container .socials li a img {
        width: 19px!important;
    }
}

@media (min-width: 1300px){
    body.page-id-644 #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2{
        padding-left: 45px!important;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::before {
        left: -39px;
        bottom: 14px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::after {
        left: -24px;
    }
    
    #timeline .hiv_timeline_contents .navs {
        top: 60%!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li {
        padding-left: 45px!important;
    }
}

@media (min-width: 1400px){
    
    body.page-id-644 #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2{
        padding-left: 48px!important;
    }
    
    #timeline .boxes .box .middle img {
        width: 80px;
    }
    
    body #main-header .header-top .container {
        width: 91%;
    }
    
    #timeline .slick-arrow img {
        width: 9px;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li {
        padding-left: 48px!important;
    }
    
    body:not(.page-id-1441):not(.page-id-16) .custom-wrapper::before {
        width: 12%;
    }
    
    #timeline .slick-arrow {
        padding: 15px 17px !important;
    }
    
    body #main-header .form-container .socials li a img {
        width: 22px;
    }
    
    #timeline .boxes .box .top, #timeline .boxes .box .bottom {
        margin-left: 34px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::before {
        left: -42px;
        bottom: 15px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::after {
        left: -28px;
        top: 12px;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom::before {
        height: 93%;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::before {
        top: 17px;
    }
    
    body #main-footer .footer-top .container .footer-content .socials li a img {
        width: 24px!important;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::after {
        top: 14px;
    }
    
    #timeline .hiv_timeline_contents .navs {
        top: 57%!important;
    }
    
    #timeline .boxes .box .middle::after{
        top: 39px;
    }
    
    #timeline .boxes .box h4{
        font-size: 16px !important;
    }
    
    .pbSubmit{
        min-width: 120px;
        font-size: calc(11px + 2*(100vw - 375px)/1525) !important;
    }
    
    .tabs-wrapper .tabs-nav-class ul li a{
        font-size: calc(15px + 2*(100vw - 375px)/1525) !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link1 a {
        padding: 17px 19px !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links .sub-menu li a{
        padding: 3px 15px !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li a {
        padding: 24px 0 !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu {
        top: 62px!important;
    }
    
    .fullwidth-row-column .et_pb_row {
        margin-bottom: 3rem;
    }
    
    body h5, html h5 {
        font-size: calc(12px + 2*(100vw - 375px)/1525) !important;
    }
    
    body .et_pb_button_module_wrapper .et_pb_button.big-button {
        padding: 20px 35px!important;
        font-size: calc(14px + 2*(100vw - 375px)/1525) !important;
    }
}

@media (min-width: 1600px){
    body.page-id-644 #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2{
        padding-left: 60px!important;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::before, #timeline .boxes:nth-child(odd) .box .bottom .title::before{
        width: 20px;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li {
        padding-left: 60px!important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link1 {
        padding-left: 80px!important;
    }
    
    .page-banner .page-content:not(.absolute-content) h1:before {
        width: 65px;
        height: 10px;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::after {
        left: 21px;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom::before {
        height: 95%;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::before {
        bottom: 16px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::after {
        top: 13px;
    }
    
    #timeline .hiv_timeline_contents .navs {
        top: 59%!important;
    }
    
    #ending-hiv-top .et_pb_column_3_4 .et_pb_row_inner_1 .et_pb_column .product_countdown_box .box h3, #the-issues .key_statistics .boxes h3 {
        font-size: 42px !important;
    }
    
    .pbSubmit{
        padding: 15px !important;
    }
}

@media (min-width: 1900px){
    
    body.page-id-644 #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links.link2{
        padding-left: 70px!important;
    }
    
    #timeline .boxes .box .middle img {
        width: auto;
    }
    
    body.page-id-23 .contact_10 .et_pb_row.contact-us-center {
        width: 41% !important;
    }
    
    .page-banner .page-content:not(.absolute-content) h1:before {
        width: 80px;
        margin: 0 auto 15px;
    }
    
    body #main-header .header-top .container {
        width: 90%;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li {
        padding-left: 70px!important;
    }
    
    body #main-header .form-container .socials li a img {
        width: 28px!important;
    }
    
    body:not(.page-id-1441):not(.page-id-16) .custom-wrapper::before{
        height: 90%;
        width: 15%;
    }
    
    body #main-footer .footer-top .container .footer-content .socials li a img {
        width: 28px!important;
    }
    
    #timeline .boxes .box .title {
        font-size: 28px !important;
    }
    
    #timeline .boxes .box h4 {
        font-size: 18px !important;
    }
    
    #timeline .boxes .box .top, #timeline .boxes .box .bottom {
        margin-left: 40px;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::before {
        top: 19px;
    }
    
    #timeline .boxes:nth-child(even) .box .bottom .title::after {
        top: 16px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::before {
        bottom: 19px;
        left: -51px;
    }
    
    #timeline .boxes:nth-child(odd) .box .bottom .title::after {
        top: 14px;
        left: -31px;
    }
    
    #timeline .slick-arrow {
        padding: 22px 25px !important;
    }
    
    #timeline .hiv_timeline_contents .navs {
        top: 58%!important;
    }
    
    #proposed-solutions .et_pb_toggle .et_pb_toggle_title{
        font-size: calc(13px + 2*(100vw - 375px)/1525) !important;
    }
    
    #get-involved .ending_get_involved{
        padding-left: 11rem;
    }
    
    .pbSubmit{
        font-size: calc(12px + 2*(100vw - 375px)/1525) !important;
        min-width: 150px;
        padding: 18px !important;
    }
    
    .page-id-1264 #about-gallery .about_gallery_items .slick-slider .grid-item .wrapper {
        height: 14rem;
    }
    
    .tabs-wrapper .tabs-nav-class ul li a{
        font-size: calc(16px + 2*(100vw - 375px)/1525) !important;
    }
    
    .page-id-1543 #about-gallery .about_gallery_items .slick-slider .grid-item .wrapper {
        height: 15rem;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links a{
        padding: 24px 23px !important;
        font-size: calc(13px + 2*(100vw - 375px)/1525) !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu:not(.sub-menu) li.custom-links .sub-menu li a{
        font-size: calc(13px + 3*(100vw - 375px)/1525)!important;
    }
    
    .et_header_style_left #et-top-navigation {
        margin-top: 36px;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li a {
        padding: 30px 0 !important;
    }
    
    body #main-header .et_menu_container #et-top-navigation #top-menu-nav #top-menu li .sub-menu {
        top: 74px!important;
    }
    
    #timeline .boxes .box .middle img {
        margin-top: -8px;
    }
    
    .page-id-1287 .custom-wrapper::before {
        height: 100%;
        width: 22%;
    }
    
    body h5, html h5 {
        font-size: calc(15px + 2*(100vw - 375px)/1525) !important;
    }
    
    .custom-tabs .et_pb_tabs_controls {
        width: 22%;
    }
    
    .custom-tabs .et_pb_all_tabs {
        width: 78%;
        padding-left: 7rem;
    }
    
    body .et_pb_button_module_wrapper .et_pb_button.big-button {
        padding: 25px 45px!important;
        font-size: calc(16px + 2*(100vw - 375px)/1525) !important;
    }
}

/** Take out the divider line between content and sidebar **/
#main-content .container:before {background: none;}
 
/** Expand the content area to fullwidth **/
@media (min-width: 981px){
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}

/** custom css **/
.block { display: block } 
.o-hidden { overflow: hidden }

@media (max-width: 991px) {
    .header-top {
        height: 29px;
    }
    #logo {
       max-width: 110px !important; 
    }
	.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
		width: 100%!important;
		max-width: 100%!important;
	}
    #main-header > .container {
        height: 50px;
    }
    #et_mobile_nav_menu {
        position: absolute;
        left: 0;
        top: 10px;
    }
    #main-header .logo_container {
        width: 33.33%;
        margin-left: 33.33%;
        text-align:center;
    }
	.et_header_style_left .logo_container a {
		padding: 5px 0;
	}
    #et-top-navigation {
        width: 33.33% !important;
        padding-top: 0 !important;
        align-self: center;
        padding-left: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
    }
    .et_mobile_menu {
        width: 260px;
        top: 0 !important;
    }
    #main-header .right-container {
        margin-right: 0 !important;
    }
    #main-header {
        position: fixed !important;
        left: 0;
        right: 0;
        top: 0 !important;
    }
    

    #mobile_menu {
        display: block !important;
        max-height: 100vh;
        height: 100%;
        overflow-y: auto;
        right: 0;
        position: fixed;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        -overflow-scrolling:touch!important;
        -webkit-overflow-scrolling:touch!important;
    }
    
    .mobile_nav.closed #mobile_menu {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    
    .mobile_nav.opened #mobile_menu {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        top: 0 !important;
    }
    
     .mobile_nav:before {
        height: 100vh;
        position: fixed;
        right: 0px;
        top: 0px;
        z-index: 10;
        opacity: 0;
        background: transparent;
        transform: translateX(50%);
        transition: opacity 0.3s;
    }
     .mobile_nav.opened:before {
        content: '';
        width: 100%;
        opacity: 1;
        transform: translateX(0%);
        background: rgba(0,0,0,0.9);
        
    }

}


/*# sourceMappingURL=style.css.map */
