/* =============================
:: Medium Screen Desktop: 992px 
============================= */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    nav ul li a {
        padding: 29px 15px;
    }
}


/* ======================
:: Tablet Screen:768px
====================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    nav ul li a {
        padding: 29px 10px;
    }
    .logo_area img {
        padding-top: 50px;
    }
    .welcome_text .welcome_title h2 {
        font-size: 40px;
        letter-spacing: 1px;
    }
    .welcome_text .welcome_title .border {
        top: 45px;
    }
    .nav-tabs > li {
        float: left;
        margin-bottom: 5px;
    }
}


/* ====================
:: Mobile Layout:320px
==================== */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .container {
        width: 300px;
    }
    .mean-container a.meanmenu-reveal span {
        background: #CC0000 none repeat scroll 0 0;
        display: block;
        height: 3px;
        margin-top: 3px;
    }
    .welcome_text_area.breadcumb_area {
        height: 90px;
    }
    .welcome_text {
        padding-top: 0;
    }
    .welcome_text .welcome_title h2 {
        font-size: 26px;
    }
    .welcome_text .welcome_content > p {
        font-size: 13px;
        line-height: 20px;
    }
    .welcome_text .welcome_title .border {
        display: none;
    }
    .navigator {
        display: none!important;
    }
}


/* ==========================
:: Width Mobile Layout:480px
========================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px!important;
    }
    .navigator {
        display: block!important;
    }
}