@media (min-width: 1px) {

    .bxslider li a h2{
        margin-top: -32px;
        font-size: 20px;
    }
    .bxslider li a h3{
        font-size: 14px;
        margin-top: 10px;
    }
    .cover, .slider{
        margin-top: 58px;
    }
    .header .navbar-main{
        padding: 0 0;
    }
    .header .navbar-main{
        background: #fff;
    }
    .header .navbar-main .navbar-nav>li>a{
        color:#444;
    }
    li > .caret:first-child{display: none;}
    .caret{
        border-top: 8px solid;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    li .menu-item-has-children > .caret:first-child{
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }

    li .menu-item-has-children {
        position: relative;
    }
    li .menu-item-has-children>.dropdown-menu {
        position: static;
        top: 0;
        left: auto;
        right: 100%;
        margin-top: -6px;
        margin-left: 20px;
        -webkit-border-radius: 6px 0px 0px 6px;
        -moz-border-radius: 6px 0px 0px 6px;
        border-radius: 6px 0px 0px 6px;
    }

    li .menu-item-has-children:after{

    }

    .navbar-nav .open .dropdown-menu>li>a{
        /*display: inline-block;*/
        white-space: normal;
    }

    .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
        background: transparent;
        color: #337ab7;
    }

    .row-flex{
        display: inherit; flex-wrap: nowrap;
    }
    .mb-sm-15{
        margin-bottom: 15px;
    }
    .mt-sm-15{
        margin-top: 15px;
    }

    .navbar-brand>img{
        height: 35px;
    }


}
@media (min-width: 400px) {

    .bxslider li a h2{
        margin-top: -42px;
        font-size: 32px;
    }
    .bxslider li a h3{
        font-size: 22px;
        margin-top: 10px;
    }
    .top-contact{
        display: none;
    }


}
@media (min-width: 768px) {
    .caret{
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .bxslider li a h2{
        margin-top: -78px;
        font-size: 68px;
    }
    .bxslider li a h3{
        font-size: 32px;
        margin-top: 20px;
    }

    li .menu-item-has-children > .caret:first-child{display: none;}

    li.dropdown:hover > ul.dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        border-radius: 0;
        box-shadow:none;
    }

    .navbar-nav .open .dropdown-menu>li>a{
        display: block;
        white-space: nowrap;
    }

    li .menu-item-has-children {
        position: relative;
    }

    li .menu-item-has-children:after{
        display: none;
    }

    li .menu-item-has-children>.dropdown-menu {
        position: absolute;
        top: 0;
        left: auto;
        right: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 6px 0px 0px 6px;
        -moz-border-radius: 6px 0px 0px 6px;
        border-radius: 6px 0px 0px 6px;
    }

    li .menu-item-has-children:hover>.dropdown-menu {
        display: block;
    }

    li .menu-item-has-children>a:after {
        display: block;
        content: " ";
        float: left;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        margin-top: 5px;
        margin-left: -10px;

        border-style: solid;
        border-width: 5px 5px 5px 0;
        border-color: transparent #000000 transparent transparent !important;


    }

    li .menu-item-has-children:hover>a:after {
        border-left-color: #fff;
    }

    li .menu-item-has-children.pull-left {
        float: none;
    }

    li .menu-item-has-children.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .top-contact{
        margin-top: 15px;
        display: block;
        text-align: right;
        color: #fff;
        font-family: 'Kanit';
        font-size: 16px;
    }

    .top-nav-fixed .top-contact{color: #333;}
    .cover, .slider{
        margin-top: 0;
    }
    .header .navbar-main{
        padding: 30px 0;
    }
    .header .navbar-main{
        background: transparent;
    }

    .header .navbar-main .navbar-nav>li>a{
        color:#fff;
    }

    .row-flex{
        display: flex; flex-wrap: wrap;
    }
    .mb-sm-15{
        margin-bottom: 0;
    }
    .mt-sm-15{
        margin-top: 0;
    }
}

@media (min-width: 1500px) {



    .header .container.full {
        padding: 0px 30px;
        width: 100%;
    }

    .top-nav-fixed .header .container.full {
        padding: 0px;
        width: 1170px;
    }


}