/********************************************************************

Pro tabs system

*********************************************************************/


  #accordion-container{
    display: block!important;
    margin: 5% 0 6%!important;
    padding: 0 0% 30px!important;
    }
    
    #top .accordion-header h4 {
    float: none!important;
    color: #162f51!important;
    letter-spacing: 0.2px!important;
    font-size: 1.2rem!important;
    font-weight: 600!important;
    margin: 0!important;
    text-transform: uppercase!important;
   
}
    #accordion-container .accordion-item h2{
        /* display: none; */
    }
    
    .accordion-header-icon {
    font-size: 0!important;
    color: #cc6633!important;
}
    
    .accordion-header-icon:before {
    content: "";
    font-family: 'entypo-fontello'!important;
    font-size: 1.2rem!important;
    margin-left: 13px;
    font-weight: 500;
}
    .accordion-header-icon-active {
    transform: none!important;
}
      .accordion-header-icon-active:before {
    content: "";
}       
    .accordion-header {
    padding: 20px 0px!important;
    border: none!important;
    background: transparent!important;
    display: flex;
    justify-content: space-between;
}
    #accordion-container .drawer {
    border-top: 1px dashed #bbbbbb!important;
    border-radius: 0px;
}
          #accordion-container .drawer:last-child{
    border-bottom:1px dashed #bbbbbb!important;
}
    
    #accordion-container .accordion-item {
    border-bottom: 0px solid #E0E0E0!important;
}
    
    .accordion-content {
    padding: 12px 0!important;
    border: none!important;
}
    .accordion-content p {
    margin-bottom: 15px;
}

    .accordion-content p, .accordion-content p span{
    font-size: 1.05rem;
    line-height: 1.5rem;
    letter-spacing: 0.2px;
    color: #737373!important;
}


    
       .accordion-content .pum-trigger {
         font-weight: 600!important;
           text-decoration: underline!important;
           color: #2888db!important;
}

#accordion-container .drawer:first-child{
/*    display: none!important;*/
}



/********************************************************************

Responsive Rules - DESKTOP

*********************************************************************/



@media only screen and (min-width: 2000px) and (max-width: 3200px){}


@media only screen and (min-width: 1100px) and (max-width: 2000px){}



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

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


@media only screen  and (max-width: 1600px){
    
        .accordion-header h4 {
    font-size: 1.15rem!important;
}
    
}


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


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


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



@media only screen and (max-width: 1300px) and (min-height: 950px){}


@media only screen and (min-width: 1100px) and (max-width: 1450px){}




/********************************************************************

Responsive Rules - TABLETS

*********************************************************************/

/*
All Mobiles & tablets
================================================== */
@media only screen and (max-width: 1150px){}




/*
BIG tablets
================ */

@media only screen and (max-width: 1150px) and (orientation :  portrait){}


@media only screen and (max-width: 1150px) and (orientation : landscape){}




/*
SMALL tablets
================ */

@media only screen and (max-width: 1100px) and (orientation : landscape){}


@media only screen and (max-width: 1100px) and (min-height: 600px) and (orientation : landscape){}


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


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



@media only screen and (max-width: 780px) and (min-height: 900px)  and (orientation : portrait){}




/********************************************************************

Responsive Rules - MOBILE

*********************************************************************/



@media only screen and (max-width: 767px){
    
    .accordion-header h4 {
    font-size: 1rem!important;
}
    #accordion-container {
    padding: 0 0% 8px!important;
}
    #top .accordion-header h4 {
    font-size: 1.1rem!important;
}
    .accordion-header-icon:before {
    margin-left: 2px;
}
}

@media only screen and (max-width: 767px) and (orientation : portrait){}

@media only screen and (max-width: 767px) and (orientation : landscape){}



/*
iphone X
================ */
@media only screen and (device-width : 375px) and (device-height : 812px) and ( -webkit-min-device-pixel-ratio:3 ) and (orientation : portrait){}


/*
MOBILE XL
================ */

@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation : portrait){}


/*
MOBILE M
================ */

@media only screen and (max-width: 375px) and (orientation : portrait){}

@media only screen and (max-width: 667px) and (orientation: landscape){}



/*
MOBILE SM
================================================== */

@media only screen and (max-width: 320px) and (orientation : portrait){}

@media only screen and (max-width: 568px) and (orientation : landscape){}