/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : November 9, 2015, 11:55:58 AM
    Author     : State Creative
*/
@media all and (max-width:1500px) {
    .container{
        width: 95%;
    }
    .bepresslogo{
        margin: 0 30px;
    }
    .main-menu li{
        margin: 0 .7em;
    }
    .searchform{
        margin-right: .7em;
    }
.category-list-s1 {
    font-size: 0.8em;
}
    
}
@media all and (max-width:1370px) {
    .home-block1-left{
        padding-left: 40%;
    }
.category-list-s1 {
    font-size: 0.8em;
}
}
@media all and (max-width:1300px) {
    img.bepresslogo{
        margin: 0 20px;
        width: 150px;
        height: auto !important;
    }
    .main-menu{
        font-size: .95em;
    }
    .main-menu li a {
        margin-top: .2em;
    }
    .main-menu li{
        margin: 0 .7em;
    }
    .main-menu li:last-child{
        margin-right: .7em;
    }
    .searchform{
        margin-right: 0;
        margin-left: .4em;
    }
    .home-block1-left{
        padding-left: 35%;
    }
    
}
@media all and (max-width:1130px) {
    .main-menu li .sub-menu{
        display: block;
    }
    .mobile-menu-trigger {
        display: block;
        float: right;
        position: fixed;
        right: 18px;
        top: 10px;
        width: 50px;
    }
    .logo img {
        height: 100%;
    }
    
    .menu-header-wrapper{
        background-color:#01437d;
        height: 100%;
        left: 100%;
        opacity: 0;
        overflow-y: auto;
        padding-bottom: 50px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000;
    }
    .mobile-menu-close{
        display: block;
    }
    .mobile-menu-trigger{
        position: absolute;
        right: 1.5em;
        top: 0.7em;
    }
    .mobile-logo-close{
        display: block;
    }
    .main-menu{
        width: 100%;
        float: left;
        padding-left: 1.2em;
    }
    .main-menu li{
        width: 100%;
        margin: 0;
        padding: .3em 0;
        height: auto;
    }
    .main-menu li a{
        padding: .3em 0;
        display: block;
        width: auto;
        float: left;
    }
    .main-menu li .sub-menu a{
        width: auto;
    }
    .searchform{
        float: left;
        border: 0;
        padding-left: 23px;
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        padding-right: 20px;
    }
    #search-open{
        display: none;
    }
    .searchform_wrap{
        display: block;
        padding: 0.5em;
        position: relative;
        right: auto;
        top: 0;
        width: 100%;
    }
    .main-menu li .sub-menu{
        position: relative;
        width: 100%;
        left: auto;
        float: left;
        margin-top: 0;
        
    }
    .main-menu li .sub-menu a
    {
        padding: 0.3em 0;
        line-height: 2em;
    }
    .main-menu li .sub-menu li{
        background-position: left 20px;
        background-repeat: no-repeat;
        padding-left: 1.6em;
    }
    .main-menu li li a:hover,.sub-menu .current-menu-ancestor > a, .sub-menu .current_page_item > a{
        background-color: inherit;
        color: #e05e08;
    }
    .main-menu li li:hover > a,.sub-menu .current-menu-ancestor > a, .sub-menu .current_page_item > a,.main-menu li li:hover > a{
        background: transparent;
        color: #e05e08;
    }
    .main-menu > li > .sub-menu > li {
        background-image: url("../images/menu-arrow.png");
    }
    .main-menu > li > .sub-menu > li > .sub-menu > li {
        background-image: url("../images/menu-arrow2.png");
    }
    .main-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li {
        background-image: url("../images/menu-arrow3.png");
    }
    .main-menu > li:last-child a{
        float: left;
        width: auto;
    }
    
    img.bepresslogo{
        margin: 0 20px;
        width: 190px;
        height: auto !important;
    }
    .mobile-logo{
        background-color: #0072c6;
        max-height: 100%;
    }
    .mobile-logo img{
        height: 3.8em;
    }
    .mobile-logo-close{
        height: 3.8em;
    }
    
    .mobile-menu-close{
         background-color: #00447c;
        border-radius: 0;
        height: 79px;
        padding: 1.15em 1.2em;
        right: 0;
        top: 0;
        width: 4.2em;
    }
    /*RESPONSIVE*/
    .home-block1-left{
        padding-left: 25%;
    }
}
@media all and (min-width:769px)  and (max-width: 1024px) {
    .container{
        width: 98%;
    }
    
}
@media all and (max-width: 906px) {
    .sub-header{
        display: none;
    }
    .home-block1-left{
        padding-left: 0;
    }
}
@media all and (max-width:800px)  {
   .category-list-s1 {
    font-size: 0.7em;
}
}
@media all and (max-width: 768px) {
     
    
    
    
    /*RESPONSIVE*/
    #mob-short{
        display: block;
    }
    .btn-switch{
        display: none;
    }
    #show_event{
        margin-top: .8em;
    }
    .rightbox-webinar {
        padding-right: 6px;
    }
    .footer-menu li{
        margin-bottom: .9em;
    }
    .footer-bottom .textwidget{
        padding-right: 10px;
        margin-bottom: .9em;
    }
    .footer-menu{
        float: none;
    }
    .home-banner{
        margin-top: 3.7em;
    }
    .banner-margin{
        margin-top: 0 !important;
    }
    .container,.banner-margin .container{
        width: 100%;
        padding: 1em;
    }
    .mobile-hidden{
        display: none;
    }
    .home-block1-row{
        margin: 0 !important;
    }
    .home-box-s1{
        padding-bottom: 2em;
    }
    .home-small-blocks .home-box-s1:last-child{
        padding-bottom: 0;
    }
    .button-holder-home a{
        margin-top: 1.5em;
    }
    .home-block3 > div{
        width: 100%;
    }
    
    .webinar-home > div{
        padding-bottom:2em;
    }
    .home-block3-right{
        padding-right: 0;
    }
    div.news-block{
        text-align: center;
    }
    .footer-box-1 > div{
        float: left !important;
        padding-top: 1em;
    }
    .footer-bottom{
        line-height: 1.7em;
        padding: 1em 0;
    }
    .inner-content{
        margin-top: 0;
    }
    .content-wrap{
        padding-right: 0;
    }
    .rightbar{
        padding-left: 15px;
    }
    .main-menu li li:hover > a,.main-menu li:hover > a{
        background: transparent;
        color: inherit;
    }
    .tbl-cell{
        width: 100%;
        position: relative;
        display: block;
    }
    .home-banner-mast-head{
        font-size: 15px;
    }
    .webinar-list{
        margin-right: 0;
    }
    
}
@media all and (max-width: 767px) {
    header{
        background-color: #0072c6;
    }
.category-list-s1 {
    font-size: 0.9em;
}
    .mobile-menu-trigger{
        background-color: #00447c;
        height: 76px;
        padding: 0.9em 1.2em;
        width: 4.2em;
        right: 0;
        top: 0;
        -webkit-border-radius: 0; 
        -moz-border-radius: 0; 
        border-radius: 0; 
    }
    .mobile-logo-close{
        height: 3.8em;
        background-color: #0072c6;
    }
   .bepresslogo {
    height: auto !important;
    margin-left: 19px;
    margin-right: 20px;
    padding-top: 12px;
    width: 70% !important;
}

}
@media all and (max-width: 380px) {
    .searchform_wrap input[type="text"]{
        width: 100%;
    }
    .searchform_wrap label{
        width: 100%;
    }
}
@media all and (max-width: 300px) {
    .logo{
        width: 180px;
    }
    .bepresslogo {
        height: auto !important;
        margin-left: 19px;
        padding-top: 12px;
        width: 80% !important;
    }
}

@media all and (max-width:250px)  {
    .logo{
        width: 120px;
    }
    .bepresslogo {
        padding-top: 20px;
    }
}