/*
Author: Bootstrapthemes
Author URI: http://www.bootstrapthemes.co
*/

/* Portrait tablets and medium desktops */
@media (max-width: 1199px) {
    body {
        font-size: 1rem;
    }
    .main_team_area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -1085%;
    }

    .item-preview-img h5::after {

        content: "";
        display: block;
        height: 8px;
        width: 85px;
        margin: 4px auto 0;
        border-bottom: 3px solid #4d77b3;
        background: url("../images/title-arrow.png") no-repeat scroll top center;
    
    }
    .main_work1_area .owl-theme .owl-nav {
        top: -740px;
    }
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
    .content_hard .col-sm-9 {

        width: 100%;
    
    }
    .navbar-right {

        float: right !important;
        margin-right: -33%;
        margin-top: -12px;
    
    }
    .item-preview-img h5::after {

        content: "";
        display: block;
        height: 8px;
        width: 85px;
        margin: 4px auto 0;
        border-bottom: 3px solid #4d77b3;
        background: url("../images/title-arrow.png") no-repeat scroll top center;
    
    }
    html {
        font-size: 90%;
    }
    .main_events_area .single_events span.separator3 {
        margin: 10px 25px;
    }
    .main_events_area .single_events span.e_text1 {
        margin-left: 5px;
    }
    .main_team_area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -970%;
    }


    .main_work1_area .owl-theme .owl-nav {
        top: -600px;
    }

}
/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    html {
        font-size: 100%;
    }
    h4{
        font-size:2rem;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        margin-top: 1px !important;
        background: #1976d2;
        text-align: left !important;
        float: none;
    }
    .navbar-right {

        float: right !important;
        margin-right: 0;
        margin-top: 0px;
        width: 100%;
        text-align: center;
    
    }
    .navbar-brand > img {

        max-width: 100%;
        margin-top: -40px;
    
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
        border-radius: 4px;
    }
    .menu-scroll {

        padding-top: 0px;
        padding-bottom: 0px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 300;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background-color: #fff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        height: 110px;
        background-color: #2196F3 !important;
        background-color: transparent;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    
    }
    .col-sm-2.news {

        text-align: right;
    
    }
    .main_menu_bg .navbar-nav > li > a {

        padding-top: 3px;
        padding-bottom: 8px;
        font-size: 0.875rem;
        font-size: 17px;
        color: #fff;
    
    }

    
    .carousel {

        position: relative;
    
    }
    .carousel-inner > .item {

        min-height: 200px;
        max-height: 200px;
        width: 100%;
    
    }
    .main-nav > li {

        position: relative;
        display: block;
        border-top: 1px dotted;
    
    }
    .column {
        display: none;    
    }
    .main_menu_bg .nave_menu {
        margin-top: 0px;
        transition: all 0.6s;    
    }
    .menu-scroll .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-top: 12px;
    }
    .btn{
        padding: 0.5em;
    }
    .main_events_area .single_events.events_btn .btn{
        margin-top:30px;
    }
    .main_work1_area .owl-theme .owl-nav {
        display: none;
    }
    .owl-theme .owl-dots{
        margin-top:20px;
    }
    .main_work1_area .main_work1_content{
        padding-top:0px;
    }
    .single_mixi_portfolio img{
        width:100%;
    }
    .main_service_area{
        text-align: center;
    }
    .main_service_area .separator2{
        margin:20px auto;
    }
    .signle_service_left{
        margin-bottom:65px;
    }
    .signle_service_left img{
        width:100%;
    }
    .bottom_nav.nav {

        padding: 19px;
            padding-right: 19px;
            padding-left: 19px;
        padding-left: 0px;
        padding-right: 0px;
    
    }
    .main_team_area .team{
        margin-bottom:40px;
    }
    .slider-pro h4.sp-layer {
        font-size: 3rem;
        line-height: 3rem;
        margin: 0;
    }
    .slider-pro p.sp-layer{
        font-size:1.325rem;
        line-height: 1.5rem;
        padding-top:10px;
    }
    .slider-pro p.sp-layer.right_sp_layer {
        padding-top: 10px;
    }

    .single_contant_left{
        padding: 0px 20px;
    }




    .instagram-thumbnails img{
        width: 17%;
        display: inline-block;
        margin: 5px;
    }


    .single_counter_right{
        margin-bottom:30px;
    }
    .main_about_area{
        text-align: center;
    }
    .main_about_area .separator2 {
        margin-bottom: 40px !important;
        margin:0 auto;
    }

    .main_blog_area{
        text-align: center;
    }
    .main_blog_area .separator2{
        text-align: center;
        margin:20px auto;
    }
    .single_service {
        min-height: 380px;
    }
    .single_work_overlay{
        padding-top: 35%;
    }
    .main_work1_content_area{
        text-align: center;
    }
    .main_work1_content_area .separator2{
        margin:20px auto;
    }
    .contact_socail a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-left: 5px;
    }
    .work_socail a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 5px;
    }
    .clockbox_top {

        color: #ddd;
        font-size: 10px;
    
    }


}

/* Landscape phones and smaller */
@media (min-width: 500px) and (max-width: 762px) {
    .clockbox_top {

        color: #ddd;
        font-size: 10px;
    
    }
    .navbar-brand > img {

        max-width: 70%;
        margin-top: -45px;
    
    }
    .announ_img{
        width: 30%;
        margin: 5px;
        border: 1px solid #fff;
        }
    .main_menu_bg {

        margin-top: 0px;
        height: 90px;
        transition: all 0.3s;
        background-color: #2196F3 !important;
        color: #fff !important;
    
    }
    .menu-scroll {

        padding-top: 0px;
        padding-bottom: 0px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 300;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background-color: #fff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        height: 130px;
        background-color: #2196F3 !important;
        background-color: transparent;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    
    }
}

/* Landscape phones and smaller */
@media (max-width: 479px) {
    .main_menu_bg {

        margin-top: 0px;
        height: 90px;
        transition: all 0.3s;
        background-color: #2196F3 !important;
        color: #fff !important;
    
    }
    .announ_img{
        width: 30%;
        margin: 5px;
        border: 1px solid #fff;
        }
    .clockbox_top {

        color: #ddd;
        font-size: 10px;
    
    }
    .menu-scroll {

        padding-top: 0px;
        padding-bottom: 0px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 300;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background-color: #fff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        height: 100px;
        background-color: #2196F3 !important;
        background-color: transparent;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    
    }

    html {
        font-size: 100%;
    }
    .main_events_area .single_events span.separator3 {
        margin: 10px 15px;
    }
    .main_events_area .single_events span.e_price{
        font-size:2rem;
    }
    .main_events_area .single_events span.e_text1 {
        margin-left: 5px;
    }
    .single_left_text .separator.sp-layer{
        display: none;
    }

    .progress-c-theme .content_hard .img-circle {

        width: 80px;
        height: 80px;
        margin: 6px auto;
        border-radius: 50%;
        overflow: hidden;
        border: 4px solid #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,.2);
    
    }


    .instagram-thumbnails img{
        width: 15%;
        display: inline-block;
    }
    .single_work_overlay{
        padding-top: 25%;
    }
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 100px;
    }
}



@media (max-width: 320px) {


    html {
        font-size: 90%;
    }
    .instagram-thumbnails img{
        width: 14%;
        display: inline-block;
    }
    .single_work_overlay{
        padding-top: 15%;
    }
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 100px;
    }

    .progress-c-theme .content_hard .img-circle {

        width: 80px;
        height: 80px;
        margin: 6px auto;
        border-radius: 50%;
        overflow: hidden;
        border: 4px solid #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,.2);
    
    }
}

@media (max-width: 850px) {

    .main_team_area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -970%;
    }
    .main_team_area .owl-theme .owl-nav{
        display: none;
    }
    .carousel-inner {
        position: relative;
        width: 100%;        
        overflow: hidden;        
        height: 130px;
    }

    .carousel-indicators li {
        display: inline-block;
        width: 5px;
        height: 6px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        /* background-color: #000 \9; */
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-control {

        position: absolute;
        top: -78px;
        bottom: 0;
        left: 0;
        width: 6%;
        font-size: 9px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        filter: alpha(opacity=50);
        opacity: .5;
    
    }
    .slider_image {
        width: 100%;
        object-fit: cover;
        min-width: 100%;
        min-height: 130px;    
    }

    .progress-c-theme .content_hard .img-circle {

        width: 80px;
        height: 80px;
        margin: 6px auto;
        border-radius: 50%;
        overflow: hidden;
        border: 4px solid #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,.2);
    
    }

}