/*Media Query*/

/* ===========
layout
============= */

@media (max-width:320px) {
    .navbar-brand {
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    .bk-an-app {
        font-size: 13px!important;
    }
    .intro-content {
        padding: 160px 0 0!important;
    }
    .bk-an-app {
        background-color: rgb(165, 43, 61);
        border-color: rgb(210, 90, 35) !important;
        float: right!important;
        font-size: 16px;
        position: fixed!important;
        right: 4px;
        text-transform: capitalize;
        top: 154px!important;
        transform: rotate(0deg)!important;
        transform-origin: left top 0;
    }
    .ser-tabs .Services_tabs ul li a{
        width:230px!important;
        padding:20px;
    }
    .read-more{
        width: 35%!important;
    }
    .cont{
        padding: 50px!important;
    }
}
@media screen and (max-width: 480px) and (min-width: 320px) {

    #popup {
        display:block;
        position:absolute;
        margin:0 auto;
        top: 67%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        max-height: 700px;
        width: 100%!important;
    }

    .navbar-custom .nav.navbar-nav {
        background-color: rgba(255, 255, 255, .4);
    }
    .navbar.navbar-custom.navbar-fixed-top {
        margin-bottom: 30px;
    }
    .bk-an-app {
        font-size: 13px!important;
    }
    .navbar-custom ul.nav li a {
        color: #fff;
    }
    .box {
        padding: 45px;
        padding-bottom: 10px;
    }
    p.bold {
        font-weight: 600!important;
        font-size: 12px;
    }
    .em-call {
        width: 100%!important;
        /* float: left; */
        margin-right: 26px!important;
    }
    .box i {
        margin-bottom: 30px;
    }
    .topheadr {
        text-align: center!important;
        float: none;
        white-space: pre-line;
    }
    .bold {
        float: none!important;
    }


    ul.thumbnails {
        margin-bottom: 0;
        padding: 10px 50px;
    }
    ul.thumbnails li{
        margin : 30px 50px;
    }
    .fader {
        height: 213px!important;
    }
    .fader .slide {
        height: 211px !important;
    }
    .intro-content {
        padding: 161px 0 0!important;
    }
    .ser-content
    {
        padding: 43px;
    }
    .ser-content {
        padding: 0;
    }
    .ser-tabs ul li a{
        width: 220px!important;
    }
    .read-more{
        width: 50%!important;
    }
    ul.thumbnails {
        margin-bottom: 0;
        padding: 10px 20px;
    }
    ul.thumbnails li{
        margin : 30px 10px;
    }
    .cont{
        /*padding: 70px!important;*/
    }

}
@media screen and (max-width: 480px) {
    .ser-tabs ul li a{
        width: 220px!important;
    }
}
@media (min-width: 768px) and (max-width: 640px){
    .ser-tabs ul li a{
        width:200px!important;
    }
    .read-more{
        width: 30%!important;
    }
    ul.thumbnails {
        margin-bottom: 0;
        padding: 10px 20px;
    }
    ul.thumbnails li{
        margin : 30px 10px;
    }
}

@media (max-width:767px) {
    #wrapper.boxed {
        width: 810px;
    }

    .navbar-custom ul.nav li a {
        background-color: rgb(161, 33, 52);
        /*  color: #ffff;*/
    }
    .navbar-custom.top-nav-collapse ul.nav li a {
        color: #fff!important;
    }
    .top-area p {
        text-align: center;
    }
    .navbar.navbar-custom ul.nav.navbar-nav {
        margin-top: 0px!important;
    }
    .navbar-custom.navbar-fixed-top .nav li a:hover,
    .navbar-custom.navbar-fixed-top .nav li a:focus,
    .navbar-custom.navbar-fixed-top .nav li.active a,
    .navbar-custom.navbar-fixed-top .nav li.active {
        background-color: rgb(210, 90, 35);
        color: #fff!important;
    }
    .navbar.navbar-custom.navbar-fixed-top {
        background-color: #fff;
    }
    .badge.custom-badge {
        margin: 0 0 0 0;
    }
    .navbar-header button {
        border-color: #ccc;
        background-color: #eee;
        padding: 5px 20px;
    }
    .navbar-header i {
        color: #666;
    }
    .boxes3 {
        width: 100%;
    }
    .navbar-custom ul.nav li {
        border-bottom: 1px solid #eee;
    }
    .navbar-custom ul.nav li:last-child {
        padding-bottom: 0;
    }
    .navbar-custom ul.nav ul.dropdown-menu li {
        border-bottom: 1px solid #eee;
        padding-left: 20px;
    }
    .service-box {
        margin: 20px 0 30px;
    }
    .pricing-content.featured {
        margin-top: 20px;
    }
    .pricing-content:hover {
        margin-top: 20px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .cta-text {
        float: none;
        text-align: center;
    }
    .cta-btn {
        float: none;
        text-align: center;
    }
    .sub-footer p {
        float: none;
        text-align: center;
    }
    .sub-footer p {
        float: none;
        text-align: center;
    }
}


@media (min-width: 768px) and (max-width: 979px) {
    #wrapper.boxed {
        width: 100%;
    }
    .navbar-brand {
        float: none;
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .intro-content {
        padding: 250px 0 0;
    }
}


@media (min-width: 992px) {
    #wrapper.boxed {
        width: 1030px;
    }
}

@media (min-width: 1200px) {
    #wrapper.boxed {
        width: 1230px;
    }
}