/* Higher than 1400 (desktop devices)
====================================================================== */
@media only screen and (min-width: 1400px) {
.container{
    width:1320px;
}

/* =logo top header= */
.logo_header {
    text-align: center;
}
.logo1 {
    padding-left: 9%;
}
.logo2 {
    padding-right: 9%;
}
.logo_header>h1{
    font-size: 28px;
}
.logo_header>h4{
    font-size: 18px;
}

/* =NAV BAR= */
ul.nav.navbar-nav>li:hover {
   padding: 10px;
}
ul.nav.navbar-nav>li {
   padding: 10px;
}

/* =carousal slider= */
.carousel-caption>h1{
   font-size: 50px;
   padding-top: 10%;
}

.carousel-caption.first::before{
    background: #202020bd;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    z-index: -9;
    right: -33%;
    max-width: 100%;
    top: 0;
    -ms-transform: skewX(-80deg) skewY(0);
    transform: skewX( 33deg ) skewY(0);
    width: 80%;
}
img.slider-img{
    /* height: 550px !important; */
}
/* =double carousal slider= */
.carousel-caption.block{
    left: 40%;
}
.carousel-caption.block>h1{
    padding: 51% 0;
}
/* =information section= */
.right_block>p {
    font-size: 18px;
}
.head1 {
    margin-left: 110px;
}
.head2 {
    margin-right: 112px;
}

}
/* Higher than 1200 (desktop devices)
====================================================================== */
@media only screen and (min-width: 1200px) and (max-width:1399px) {
.container {
    width: 1140px;
}
/* NAV BAR= */
ul.nav.navbar-nav>li{
    padding: 7px 0px;
}
ul.nav.navbar-nav>li:hover{
    padding: 7px 0px;
}
/* ====about section==== */
.aboutbox p {
    font-size: 16px;
}
.aboutbg {
    left: 2%;
    width: 35%;
}
/* ====bvb parallax section===== */
.parallax-content h2{
    font-size: 35px;
}
/* ===about section==== */
.block.section.header h1{
    font-size: 35px;
}
p.left.text{
    font-size: 18px;
}

}

/* /* /* Higher than 960 (desktop devices) 
====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 960px;
      }

    /* nav bar= */
    ul.nav.navbar-nav>li:hover{
        padding: 0;
    }
    ul.dropdown-menu {
        background: white !important;
    }
    ul.dropdown-menu>li:hover{
        background-color: lightyellow;
    }
    .navbar-header {
        width: 100%;
    }
    .navbar-header {
        border-bottom: 1px solid white;
    }
    .navbar-default .navbar-toggle{
        border: none;
    }
    span.icon-bar {
        background-color: #18b61e !important;
    }
    ul.dropdown-menu {
        width: 100%;
        text-align: center;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background: none;
    }
    .container.nav {
        padding: 0px;
    }
    ul.nav.navbar-nav li{
        padding: 0px;
    }
    .navbar-collapse.collapse{
        display: none !important;
    }
    button.navbar-toggle {
        display: block;
        padding-left: 30px;
    }
    .navbar-collapse.in {
        display: block !important;

    }
    div#bs-example-navbar-collapse-1 {
        position: absolute;
        width: 100%;
        background: #3a89f5;
        margin-top: 50px;
    }
  
    ul.nav.navbar-nav.navbar-center>li{
        border: none;
        width: 100%;
    }
    ul.nav.navbar-nav li{
        width: 100%;
    }
    ul.nav.navbar-nav{
        text-align: left;
    }


    /* =bg banner carousal= */
    .carousel-caption{
        top: 12%;
    }
    /* =carousal slider=== */

    .carousel-caption.first::before {
        height: 131%;
        right: -39%;
        top: -15%;
        width: 98%;
    }
    .carousel-caption.second::before{
        top: -16%;
        height: 157%;
    }

    /* ==footer==== */
    .col-md-3.col-xs-12.footercenter {
        padding-left: 4%;
    }
    footer.bvbfooter{
        padding: 20px 0 10px;
    }


    /* ==mandatatory public discloser==== */
    .innerHeading-wrap h1{
        font-size: 30px;
    }
    .content_header{
        width: 90%;
    }
    .content_header>h3{
        font-size: 22px;
    }
     /* ===about section=== */
     .block.section.header h1{
        font-size: 30px;
     }
     p.left.text{
        font-size: 18px;
     }
     /* =========gallery section ====== */
     .section_header h1{
        font-size: 30px;
     }
     .wrimagecard-topimage_title h4{
        font-size: 17px;
     }
     /* <!-- =====bvb paralax= --> */
     .parallax-content h2{
        font-size: 30px;
     }
     .parallax-content p{
        font-size: 16px;
     }

     /* ======logo header====== */
     .logo1{
        width: 15%;
     }
     .logo2{
        width: 15%;
     }
     img.logo {
        width: 96%;
    }

}
/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 720px;
    }
    /* =nav bar= */
    ul.nav.navbar-nav>li:hover{
        padding: 0;
    }
    ul.dropdown-menu {
        background: white !important;
    }
    ul.dropdown-menu>li:hover{
        background-color: lightyellow;
    }
    .navbar-header {
        border-bottom: 1px solid white;
    }
    .navbar-header {
        width: 100%;
    }
    .navbar-default .navbar-toggle{
        border: none;
    }
    span.icon-bar {
        background-color: #18b61e !important;
    }
    ul.dropdown-menu {
        width: 100%;
        text-align: center;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background: none;
    }
    .container.nav {
        padding: 0px;
    }
    ul.nav.navbar-nav li{
        padding: 0px;
    }
    .navbar-collapse.collapse{
        display: none !important;
    }
    button.navbar-toggle {
        display: block;
        padding-left: 30px;
    }
    .navbar-collapse.in {
        display: block !important;

    }
    div#bs-example-navbar-collapse-1 {
        position: absolute;
        width: 100%;
        background: #3a89f5;
        margin-top: 50px;
    }
  
    ul.nav.navbar-nav.navbar-center>li{
        border: none;
        width: 100%;
    }
    ul.nav.navbar-nav li{
        width: 100%;
    }
    ul.nav.navbar-nav{
        text-align: left;
    }

    /* =logo header= */
    .container.logo_block{
        width: 100%;
    }
    .logo1 {
        width: 20%;
    }
    .logo2 {
        width: 20%;
    }
    .logo_header{
        padding: 0;
        width: 60%;
    }
    .logo_header>h1 {
        font-size: 16px;
    }
    .logo_header>h4 {
        font-size: 12px;
    }
    img.logo{
        width: 75%;
    }
    .container.logo_block {
        padding: 0;
    }
    header.logo_block{
        padding: 5px 0;
    }

    /* = carousal slider= */
    .carousel-caption>h1{
        font-size: 20px;
        letter-spacing: 2px;
    }
    .carousel-caption {
        top: 3%;
    }
    .carousel-caption>p {
        font-size: 12px;
    }

    /* =====course section== */
    .course_blog{
        margin-bottom: 10px;
    }
    /* =====about section=== */
    .block.section.header h1{
        font-size: 23px;
    }
    p.left.text{
        font-size: 16px;
    }
    .button.read{
        padding: 5px 14px;
    }
    .button.read span{
        font-size: 16px;
    }
    .block.section.header h1{
        margin: 7px 0;
    }
    /* =footer= */
    .col-md-4.col-xs-12.footerleft {
        width: 50%;
        float: left;
    }
    img.logo.footer {
        width: 14%;
    }
        
    .col-md-4.col-xs-12.footercenter {
        padding: 0 15px;
        width: 50%;
    }
    .footer_header {
        padding-bottom: 30px;
    }
    .footer_header>img.logo {
        width: 15%;
    }
    .col-md-3.col-xs-12.footercenter {
        width: 50%;
        padding: 0 15px;
    }


    /* ====slider===== */
    h3.toggleHeading{
        font-size: 30px;
    }
    .carousel-caption {
        top: 9%;
    }
    p.toggleCaption{
        font-size: 20px;
    }
    /* ==mandatatory public discloser==== */
    .innerHeading-wrap h1{
        font-size: 24px;
    }
    .content_header{
        width: 100%;
    }
    .content_header>h3{
        font-size: 20px;
    }
    /* =about section==== */
    .ormae img {
        width: 60%;
        float: right;
    }
    .aboutbg{
        left: 3%;
        min-height: 278px;
        width: 40%;
        top: 10%;
        
    }
    .aboutbox>h1{
        font-size: 26px;
        margin-top: 0;
    }
    .aboutbox{
        padding: 15px;
        top: 6%;
        width: 95%;

    }
    .aboutbox p{
       font-size: 14px;
    }
    /* =bvb parallax= */
    .parallax-content h2{
        font-size: 24px;
    }
    .parallax-content p{
        font-size: 16px;
    }




        
        

}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
h1 {
    font-size: 24px;
}
/* =nav bar= */

ul.nav.navbar-nav>li:hover{
    padding: 0;
}
ul.dropdown-menu {
    background: white !important;
}
ul.dropdown-menu>li:hover{
    background-color: lightyellow;
}

ul.nav.navbar-nav {
    margin: 0;
}
section.navbar {
    position: sticky;
    top: 0;
    z-index: 100;
}
.left_premier {
    margin-top: 20px;
}
.navbar{
    margin-bottom: 0;
}
.navbar-default .navbar-toggle{
    border: none;
}
span.icon-bar{
   background-color: white !important;
}

ul.nav.navbar-nav{
    text-align: left;
}
.dropdown-menu>li>a {
    padding: 15px 15px !important;
}
ul.dropdown-menu {
    width: 100%;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: transparent !important;
}

/* =logo header= */
.container.logo_block{
    width: 100%;

}
header.logo_block{
    padding: 0;
}
.container-fluid.logo_block{
    padding: 0 5px;
}
.logo1 {
    width: 15%;
    padding: 0;
}
.logo2 {
    width: 15%;
    padding: 0;
}
.logo_header{
    padding: 0;
    width: 70%;
}
.logo_header>h1 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.2;
}
.logo_header>h4 {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 1.2;
}
p.head1 {
    font-size: 10px;
    float: none;
    margin-left: 0px;
}
p.head2 {
    font-size: 10px;
    float: none;
    margin-right: 0px;
}
.head3 {
    color: gray;
    font-size: 10px;
    margin-top: -20px;
}
img.logo{
    width: 100%;
}
.container.logo_block {
    padding: 0;
}

/* ====slider====== */
.carousel-inner.fadebox {
    height: 160px;
}
img.fadeinimage {
    height: 160px !important;
}
.carousel-caption {
    top: 7%;
    text-align: left;
}
p.toggleCaption{
    font-size: 15px;
}
.msg_header{
    margin-left: 0;
} 
h3.toggleHeading{
    font-size: 18px;
    margin: 5px 0;
}
/* =======MANDATORY PUBLIC DISCLOSURE====== */
.content_header{
    width: 100%;
}
.content_header>h3{
    font-size: 16px;
}
.innerHeading-wrap h1{
    font-size: 24px;
}
.panel-group{
    box-shadow: none;
    padding: 10px 0;
}
#accordion .panel-body{
    padding: 15px 0 0;
}
.panel-body{
    padding: 15px 0;
}
/* =====course block====== */
section.course{
    margin: 20px 0;
}

.course_blog{
    margin-bottom: 10px;
}
/* =====about section===== */

.block.section.header h1{
    font-size: 23px;
    margin: 20px 0 10px;
}
p.left.text{
    font-size: 16px;
}
.button.read span{
    font-size: 16px;
}
.button.read{
    padding: 6px 11px;
}
section.black.section{
    margin: 20px 0 0;
    padding: 30px 0;
}
/* ====gallery section===== */
.section_header h1{
    margin: 0px 0px 20px;
}
section.gallery{
    padding: 30px 0;
}
/* =====bvb parallax==== */
.parallax-content h2{
    font-size: 20px;
    
}
.parallax-content p{
    font-size: 16px;
}
.parallax-content{
    padding: 20px 0;
}
/* =====contact form=== */
section.contact-sec-frm{
    padding: 25px 0;
}
.bvb-contact-form h2{
    margin: 0px 0px 15px;
}
.bvb-contact-form {
    margin-bottom: 20px;
}
/* =about inner page== */
img#abt_img{
    width: 100%;
}
section.abt_details {
    padding: 20px 0;
}
.abt_text>h2:after{
    left: 5%;
}
.abt_text>h2{
    clear: both;
    padding-top: 10px !important;
    font-size: 24px;
}
.abt_details h2{
    font-size: 26px;
}
.abt_text>p{
    font-size: 16px;
}
img.aboutpic1{
    width: 100% !important;
}
img.aboutpic2{
    width: 100% !important;
}
p.fotherspil {
    float: none;
}
/* ============footer=========== */
.col-md-6.subfooter>p{
    text-align: left;
}
.post p{
    padding-left: 20px;
}
img.logo.footer{
    width: 25%;
}
.footer_header1>h3{
    padding: 0;
    margin: 10px 0;
}
.col-md-3.col-xs-12.footercenter{
    padding: 0 15px;
}
.footer_header>img.logo{
    float: none;
    width: 20%;
}
.col-md-3.col-xs-12.footercenter>h3{
    font-size: 20px;
    margin: 15px 0 5px;
}
.footer_header>ul {
    float: none;
    padding: 0;
}
.col-md-4.col-xs-12.footerleft>h3{
    font-size: 20px;
}
.footer_header{
    padding-bottom: 0;
}
.col-md-4.col-xs-12.footercenter>ul>li{
    line-height: 1.5;
}
p.sub_left{
    float: none;
}
.sub_left {
    display: block;
    float: none;
}
.sub_left>p{
    padding: 0;
}
.col-md-6.subfooter>p{
    text-align: left;
}
.post p{
    padding-left: 20px;
}
footer.bvbfooter{
    padding: 20px 0 10px;
}


}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
    width: 540px;
}
/* =top logo section= */
img.logo {
    width: 60%;
}
.logo1 {
    padding-left: 15px;
}

.logo2 {
    padding-right: 15px;
}
 /* =====slider===== */
 .carousel-caption{
    top: 10%;
 }

/* =footer= */
.col-md-3.col-xs-12.footercenter{
    width: 50%;
}
.footer_header>img.logo{
    float: left;
}
.footer_header>ul{
    float: right;
}
.col-md-4.col-xs-12.footercenter.last{
    min-height: 150px;
}

.footer_header1>h3{
    padding-bottom: 10px;
    margin: 0;
}
.col-md-6.col-xs-12.footerleft>p{
    display: inline-block;

}
img.logo.footer{
    width: 15%;
}
footer.hskcopfooter {
    text-align: left;
}
.footer_header1{
    min-height: auto;
}

}