/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {


}


@media (max-width: 1023px){
.paper {
    padding: 30px 20px;
}

.paper__large {
    padding: 30px;
}

.collection {
    padding-left: 80px;
    min-height: 80px;
}
.collection__photo {
    width: 60px;
    height: 60px;
}
.collection__photo svg {
    width: 30px;
    max-height: 30px;
    margin: -15px 0 0 -15px;
}

.intercom-reaction-picker {
    margin: 30px -16px -16px -16px;
}
}



/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) and (max-width: 1199px) {

   .mob_menu_icon{ padding-right: 10px!important; padding-top: 17px!important; padding-bottom: 17px!important;} /** display: block; **/
   
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) and (max-width: 991px) {
    
    .container-fluid{ max-width: 700px!important; }
    
    .md-pl-0{ padding-left: 0px!important; }
    .md-pr-0{ padding-right: 0px!important; }
    .md-pl-5{ padding-left: 5px!important; }
    .md-pr-5{ padding-right: 5px!important; }
    .md-pl-10{ padding-left: 10px!important; }
    .md-pr-10{ padding-right: 10px!important; }
    
    .md-mt-10 { margin-top: 10px!important; }
    .md-mt-15 { margin-top: 15px!important; }
    .md-mt-20 { margin-top: 20px!important; }
    .md-mt-30 { margin-top: 30px!important; }
    .md-mt-40 { margin-top: 40px!important; }
    
    header{ height: 70px!important; }
    .logo.expanded {
        width: 120px!important;
    }
    .logo.expanded a {
        width: 120px!important;
    }
    .logo img{ width: auto; max-width:150px!important; height: auto; max-height: 45px; float: left; }
}

@media (max-width:1060px) {
   #nav_menu{ display: none; }
   .mob_menu_icon{ display: block; padding-right: 10px!important; }
}

@media (min-width: 768px) {
    
.btn-large {
    padding: 7px 35px;
    font-weight: 700;
    margin-right: 5px;
    line-height: 32px;
}

}

@media (max-width:767px) {
    #faq-search {
        padding: 50px 15px
    }
    #faq-search .inner,
    #faq-search input {
        width: 100%
    }
    #faq-page .container {
        display: block
    }
    #faq-search button {
        width: 100%;
        margin: 15px 0 0 0
    }
    #faq-page .container {
        padding-top: 15px;
        padding-bottom: 15px
    }
    #faq-content {
        padding-left: 0
    }
    #fag-categories ul {
        display: flex;
        flex-direction: column
    } 
    #fag-categories li {
        display: none;
        margin: 0;
        padding: 15px 0;
        border-bottom: 1px solid #dfdfdf;
        color: #464646;
        position: relative
    }
    #fag-categories .open li {
        display: block
    }
    #fag-categories li.mixitup-control-active {
        order: -1;
        display: block;
        color: #464646;
        padding-right: 20px
    }
    #fag-categories {
        width: 100%;
        margin-bottom: 40px
    }
    .block-title {
        padding-bottom: 15px;
        margin-bottom: 0;
        border-bottom: 1px solid #dfdfdf
    }
    .cat-name {
        margin-bottom: 40px
    }
    
    #fag-categories li.mixitup-control-active .arrowIcon {
        position: absolute;
        top: 15px;
        right: 5px;
        font-size: 28px;
        font-family: FontAwesome;
        -webkit-transition: all .4s linear 0s;
        -o-transition: all .4s linear 0s;
        transition: all .4s linear 0s;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #6a6a6a;
        display: block;
    }
    #fag-categories .open li.mixitup-control-active .arrowIcon {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        display: block;
    }
}

/** Small devices (landscape phones, 576px and up)**/
@media (min-width: 576px) and (max-width: 767px) {
    
    .sm-pl-0{ padding-left: 0px!important; }
    .sm-pr-0{ padding-right: 0px!important; }
    .sm-pl-5{ padding-left: 5px!important; }
    .sm-pr-5{ padding-right: 5px!important; }
    .sm-pl-10{ padding-left: 10px!important; }
    .sm-pr-10{ padding-right: 10px!important; }
    
    .mb-mt-10 { margin-top: 10px!important; }
    .mb-mt-15 { margin-top: 15px!important; }
    .mb-mt-20 { margin-top: 20px!important; }
    .mb-mt-30 { margin-top: 30px!important; }
    .mb-mt-40 { margin-top: 40px!important; }
     
    .md-pb-0 { padding-bottom: 0px!important; }
    .md-pb-5 { padding-bottom: 5px!important; }
    .md-fs-9{ font-size: 9px!important; }
    .md-fs-11{ font-size: 11px!important; }
    
    header{ height: 70px!important; }    
    .logo.expanded {
        width: 90px!important;
    }
    .logo.expanded a {
        width: 90px!important;
    }
    .logo img{ width: auto; max-width:150px!important; height: auto; max-height: 45px; float: left; }
    .mb_text_left{ text-align: left!important; }
    .mob-header{ font-size: 20px!important; }
    .mob-sub-header{ font-size: 16px!important; }
    .screen{ height: 280px; }
}


/** Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap **/

@media (max-width: 575px) {
   
    .col-xs-pl-0{ padding-left: 0px!important; }
    .xs-pl-0{ padding-left: 0px!important; }
    .xs-pr-0{ padding-right: 0px!important; }
    .xs-pl-5{ padding-left: 5px!important; }
    .xs-pr-5{ padding-right: 5px!important; }
    .xs-pl-10{ padding-left: 10px!important; }
    .xs-pr-10{ padding-right: 10px!important; }
    
    .footer-nav { font-size: 13px; padding: 0 0 10px 0!important; }
    .footer-nav li { padding-right: 10px!important; }
    .mb-mt-10 { margin-top: 10px!important; }
    .mb-mt-15 { margin-top: 15px!important; }
    .mb-mt-20 { margin-top: 20px!important; }
    .mb-mt-30 { margin-top: 30px!important; }
    .mb-mt-40 { margin-top: 40px!important; }
    
    .mb-p-10{ padding: 10px!important; }
    .mb-p-15{ padding: 15px!important; }
    .mb-p-20{ padding: 20px!important; }
    .mb-p-25{ padding: 25px!important; }
    
    .mb-pt-10 { padding-top: 10px!important; }
    .mb-pt-15 { padding-top: 15px!important; }
    .mb-pt-20 { padding-top: 20px!important; }
    .mb-pt-30 { padding-top: 30px!important; }
    .mb-pt-40 { padding-top: 40px!important; }
    
    .mb-pl-0{ padding-left: 0px!important; }
    .mb-pr-0{ padding-right: 0px!important; }
    .mb-fs-15{ font-size: 15px!important; }
    
    .sm-hidden{ display: none!important; }
    
    header{ height: 70px!important; }    
    .logo.expanded {
        width: 90px!important;
    }
    .logo.expanded a {
        width: 90px!important;
    }
    .logo img{ width: auto; max-width:150px!important; height: auto; max-height: 45px; float: left; }
    
    .mb_text_left{ text-align: left!important; }
    .mob-header{ font-size: 20px!important; }
    .mob-sub-header{ font-size: 16px!important; }
    .screen{ height: 250px; }
}