@media screen and (max-width: 1199px){
    .down .cameraContent {
        top: calc(50% + 23px);
        transform: translateY(-50%);
    }
    .partner_slider .partner > img {
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    /* BLOG NEWS */
    .detail_blog_post_wrapper .blog_img > img {
        width: 100%;
    }
}
@media screen and (max-width: 991px){
    .single_info_section > span{
        font-size: 16px;
        line-height: 33px;
        width: 35px;
    }
    .contact_numbers p{
        font-size: 13px;
    }
    .logo_container img {
        width: 100%;
    }
    .camera_prev, .camera_nex {
        height: 50px;
    }
    .camera_prev > span, .camera_next > span{
        height: 50px;
    }

    /* servie sidebar */
    .adobe_logo{
        display: none;
    }

    /* OUR LATEST NEWS */
    .single_blog_wrapper.no_margin{
        margin-bottom: 60px;
    }

    /* BLOG NEWS CSS */
    .news_list_page .blog_content{
        width: 100%;
    }
    .news_list_page .blog_content:before{
        width: 100%;
    }
    .news_list_page .vid_img > img, .single_blog_wrapper img {
        width: 100%;
    }
    .news_list_page .blog_content::before{
        width: 100%;
        left: 0;
    }
    .news_list_page .blog_content{
        margin-top: 0;
    }
    .news_list_page .blog_img.blog_vid .venobox{
        top: 50%;
    }
    .comments {
        padding-right: 0;
    }

    /* SINGLE NEWS CSS */
    .tag_share .tags,
    .tag_share .social_icons{
        float: none;
    }
    .tag_share{
        padding: 5px 25px;
    }
    .tags ul li a, .social_icons ul li a span{
        line-height: 30px;
    }
    .tags > span, .social_icons > span{
        font-size: 13px;
    }

    /* branches */
    .branches .single_branch{
        width: 50%;
        margin-right: -4px;
        margin-left: 0;
        margin-bottom: 40px;
    }
    .single_branch.xs_no_margin{
        margin-bottom: 0;
    }
    .call_to_action_title > h3 {
        font-size: 19px;
        line-height: 36px;
    }
    .has_megamenu .megamenu {
        width: 725px;
    }
}

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

/*
////////////// MEDIUM DEVICES //////////////
*/
@media (min-width: 992px) and (max-width: 1199px){

    /* header top area css */
    .quote_btn{
        float: right;
    }

    /* main menu area css */
    .mainmenu::after{
        width: calc((100vw - 940px) / 2);
    }
    .single_slider_wrapper .big_title {
        font-size: 35px;
        line-height: 53px;
    }

    /* counter up css */
    .counter_wrapper ul li{
        padding: 0 90px;
    }
    .service2 .service_content_wrapper{
        padding: 0 22px;
    }

    /* service2 area css */
    .service2 .single_service:hover .service_content_wrapper {
        top: 135px;
    }
    .service2 .service_content_wrapper {
        padding: 0 15px;
    }
    .service2 .service_title > h4{
        font-size: 16px;
    }

    /* service sidebar  */
    .adobe_logo > img{
        width: 40px;
    }

    /* single recent post */
    .single_recent_post{
        width: 62%;
    }

    .single_branch{
        margin: 0 31px;
    }
}


/*////////////// TAB OR LARGE MOBILE PHONE //////////////*/
@media (min-width: 768px) and (max-width: 991px){
    /* header top area css */
    .quote_btn{
        float: right;
        padding: 0 21px;
        margin-top: 4px;
    }
    .contact_numbers{
        padding-right: 5px;
    }

    /* main menu area css */
    .mainmenu{
        margin-left: 0;
    }
    .mainmenu::after{
        width: calc((100vw - 720px) / 2);
    }
    .mainmenu::before{
        border-bottom: 71px solid transparent;
        border-right: 25px solid #eee;
    }
    .mainmenu .navbar-nav li > a{
        font-size: 13px;
        padding: 0 10px;
    }
    .has_mehgamenu .megamenu{
        width: 670px;
    }
    .search_btn span{
        font-size: 16px;
        padding: 8px 9px;
    }

    /* slider are css goes here */
    .single_slider_wrapper .small_title{
        font-size: 22px;
        line-height: 48px;
    }
    .single_slider_wrapper .big_title{
        font-size: 45px;
        line-height: 53px;
    }
    .single_slider_wrapper .hero_btn {
        margin-top: 40px;
    }

    /* footer area css */
    .footer_widgets.twitter,
    .footer_widgets.contact{
        padding-top: 50px;
    }
    .footer_menu ul li a{
        padding: 0 5px;
    }
    .footer_menu {
        padding-bottom: 24px;
        padding-top: 30px;
    }
    .big_footer_wrapper.section_padding::after{
        right: calc((100vw - 750px) / 2 + 263px);
    }
    .big_footer_wrapper.section_padding::before{
        width: calc((100vw - 570px) / 2 + 173px);
    }


    /* HOME PAGE 2 CSS */
    .counter_wrapper ul li{
        padding: 0 53px;
    }


    /* BLOG NEWS PAGE CSS */
    .news_list_page .single_blog_wrapper{
        width: 50%;
        margin-right: -4px;
        display: inline-block;
        vertical-align: top;
    }
    .news_list_page .blog_content{
        margin-right: 3px;
    }
    .news_list_page .single_blog_wrapper:nth-child(2n) {
        padding-right: 7px;
    }
    .news_list_page .single_blog_wrapper:nth-child(2n+1) {
        padding-left: 7px;
    }
    .news_list_page .single_blog_wrapper .date{
        padding: 0 10px;
        bottom: 15px;
        left: 20px;
    }
    .news_list_page .date span{
        padding: 3px 0;
        font-size: 11px;
        line-height: 14px;
    }
    .single_recent_post{
        width: 63%;
    }
    .news_list_page .blog_img.blog_vid .venobox span{
        font-size: 18px;
        line-height: 40px;
        width: 40px;
    }

    /* HOME PAGE */
    blockquote{
        font-size: 28px;
    }
    .service2 .single_service:hover .service_content_wrapper {
        top: 107px;
    }
    .service2 .single_service:hover{
        min-height: 220px;
        top: 0;
    }
    .service2 .single_service{
        width: 50%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .service2 .single_service:hover .service_img {
        top: 23px;
    }
    .service2{
        min-height: 440px;
    }
}


/*////////////// CUSTOM RESPONSIVE FOR MOBILE //////////////*/
@media screen and (max-width: 767px){
    .container{
        width: 450px;
    }
    .xs_half{
        width: 50%;
    }
    .xs_fullwidth{
        width: 100%;
    }
    p{
        line-height: 24px;
    }
    .partner_slider .partner::after, .partner_slider .partner::before {
        bottom: -1px;
        z-index: 9;
    }

    /* MOBILE MENU CSS GOES HERE */
    .nav.navbar-nav.magic_menu{
        width: 100%;
    }
    .mainmenu .navbar-nav > li{
        width: 100%;
        display: block;
        text-align: left;
    }
    .mainmenu .navbar-nav li > a{
        line-height: 35px;
    }
    .has_dropdown .dropdwon ,
    .has_megamenu .megamenu {
        opacity: 1;
        position: initial;
        transition: all 0s ease 0s;
        visibility: visible;
        width: 100%;
    }
    .mainmenu .has_dropdown.open > a,
    .mainmenu .has_megamenu.open > a{
        color: #006cb7;
    }
    .has_mehgamenu .megamenu{
        width: 100%;
    }
    .megamenu > ul{
        width: 100%;
        float: none;
    }
    .navbar-header{
        text-align: center;
    }
    .navbar-toggle{
        float: none;
    }
    .navbar-header {
        border-bottom: 3px solid #c1c1c1;
    }
    #bs-example-navbar-collapse-1::before{
        display: none;
    }
    .navbar-collapse{
        height: 280px;
        overflow: visible;
    }
    .search_form{
        display: none;
    }

    /* SERVICE  */
    .service2{
        display: none;
    }
    .service2 .service_content_wrapper{
        top: calc(100% - 127px);
    }

    /* section padding */
    .section_padding {
        padding-bottom: 100px;
        padding-top: 90px;
    }

    /* section title */
    .section_title .sub_title p{
        font-size: 13px;
    }
    .section_title .title h2{
        font-size: 28px;
    }
    .feature_title h4{
        font-size: 16px;
        line-height: 26px;
    }

    /* main menu ara css */
    .mainmenu{
        margin-left: 48px;
    }
    .mainmenu::before{
        border-bottom: 50px solid transparent;
        border-right: 47px solid #eee;
    }
    .mainmenu::after,
    .breadcrumb .mainmenu::after{
        width: calc((100vw - 421px) / 2);
    }


    /* blog and service */
    .service_title a h3, .blog_title a h3{
        font-size: 15px;
    }
    .read_more a{
        font-size: 12px;
    }

    /* logo header area */
    .logo_container img{
        width: initial;
    }
    .logo_container, .contact_info{
        margin-bottom: 30px;
    }
    .header_middle_wrapper{
        text-align: center;
    }
    header .times{
        display: none;
    }

    /* slider area css */
    .single_slider_wrapper .small_title{
        font-size: 20px;
        line-height: 45px;
    }
    .single_slider_wrapper .big_title{
        font-size: 35px;
        line-height: 48px;
    }
    .single_slider_wrapper .hero_btn {
        margin-top: 35px;
    }
    .feature_area.dark_bg{
        background: #222222;
    }
    .feature_img{
        display: none;
    }
    .about_us_content{
        margin-bottom: 42px;
    }
    .camera_prev{
        left: 0;
    }
    .camera_next{
        right: 0;
    }

    /* blog area */
    .single_blog_wrapper .blog_content{
        bottom: -60px;
    }
    .blog_content .date {
        padding: 0 15px;
    }
    .blog_content .date span {
        font-size: 10px;
        padding: 3px 0;
    }
    .blog_content .date span.num::before{
        left: -1px;
        top: -9px;
    }
    .single_blog_wrapper:hover .blog_content{
        bottom: -20px;
    }

    /* feature area bg */
    .features_bg::before{
        right: 0;
    }

    /* call to action */
    .call_to_action_title > h3{
        font-size: 20px;
    }
    .call_to_action_btn{
        float: none;
        text-align: center;
        margin-top: 25px;
    }
    .call_to_action p{
        font-size: 13px;
    }

    /* footer are css */
    .footer_text_wrapper::before{
        -webkit-transform: skewX(25deg);
        -ms-transform: skewX(25deg);
        transform: skewX(25deg);
    }
    .footer_widgets.sevices{
        margin-bottom: 36px;
    }
    .footer_widgets.twitter, .footer_widgets.contact{
        padding-top: 50px;
    }
    .tiny_footer{
        text-align: center;
    }
    .footer_menu ul li a{
        padding: 0 11px;
    }

    /* HOME PAGE 2 CSS*/
    /* mission-vision area */
    /*.about_us_content {
        margin-bottom: 0;
    }*/
    .mission, .vision {
        padding-bottom: 50px;
        padding-top: 32px;
    }
    .counter_wrapper ul li p{
        padding-bottom: 0;
        padding-top: 20px;
        font-size: 26px;
    }
    .counter_wrapper ul li .icon span{
        font-size: 34px;
    }
    .counter_wrapper ul li{
        padding: 0 11px;
    }
    .counter_wrapper ul li > span{
        font-size: 12px;
    }

    .mainmenu::after {
        width: calc((100vw - 271px) / 2);
    }

    /* ABOUT US SECTION CSS */
    .about_us_content_wrapper {
        padding-top: 40px;
    }
    .about_us_content_wrapper .nav-tabs > li{
        margin-right: 20px;
    }

    .right_message{
        margin-top: 40px;
    }

    /* services sidebar */
    aside.sidebar {
        margin-top: 40px;
    }

    .blog_img.blog_vid .venobox{
        top: calc(50% - 56px);
    }


    /* BLOG NEWS PAGE */
    .news_list_page .blog_img{
        display: block;
    }
    .sidebar_title > h4{
        font-size: 20px;
    }
    .search_category{
        padding-top: 20px;
        padding-bottom: 28px;
        margin-top: 25px;
    }

    /* single news css */
    blockquote{
        font-size: 28px;
        line-height: 40px;
    }

    .quote_requ_wrapper {
        padding-top: 57px;
    }
}

/*////////////// EXTRA SMALL DEVICES //////////////*/
@media (min-width: 480px) and (max-width: 767px){
    .big_footer_wrapper.section_padding::before{
        height: 50px;
        width: calc((100vw - 480px) / 2 + 170px);
    }
    .big_footer_wrapper.section_padding::after{
        border-bottom: 50px solid transparent;
        border-right: 45px solid #fff;
        right: calc((100vw - 450px) / 2 + 155px);
    }
    .search_bar {
        margin-bottom: 30px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .category_widget{
        padding-top: 0;
    }
    .category_widget ul li:first-child a{
        padding-top: 0;
    }
}

/*////////////// EXTRA SMALL DEVICES //////////////*/
@media (min-width: 300px) and (max-width: 479px){
    .container{
        width: 300px;
    }

    .xxs_fullwidth{
        width: 100%;
    }

    /* header area css */
    .header_info ul li::after{
        right: 5px;
    }
    .header_info ul li{
        padding-right: 17px;
    }
    .social_links{
        float: none;
    }
    .tiny_header{
        text-align: center;
        position: relative;
        margin-right: 25px;
    }
    .tiny_header::after {
        border-bottom: 60px solid transparent;
        border-left: 30px solid #333;
        content: "";
        left: 100%;
        position: absolute;
        top: 0;
    }
    .tiny_header_wrapper,
    .tiny_header{
        -webkit-transform: skewX(0);
        -ms-transform: skewX(0);
        transform: skewX(0);
    }
    .contact_numbers{
        padding: 0;
    }

    /* COUNTER UP CSS */
    .counter_wrapper ul li:first-child{
        padding-top: 0;
    }
    .counter_wrapper ul li{
        display: block;
        padding: 0;
        padding-top: 40px;
    }

    /* slider area css goes here */
    .single_slider_wrapper .big_title{
        line-height: 40px;
    }
    /*section title css goes here */
    .section_title {
        margin-bottom: 30px;
    }
    .section_title .title h2{
        font-size: 26px;
    }
    .section_title::before{
        width: 10px;
    }
    .section_title::after{
        width: 50px;
        left: 15px;
    }

  /* slider controler css */
    .slider_controller .prev {
        margin-right: 30px;
    }
    .slider_controller span{
        font-size: 28px;
    }
    .slider_controller .prev::before{
        right: -16px;
        top: 2px;
        height: 25px;
    }
    .blog_wrapper .slider_controller, .service_wrapper .slider_controller{
        top: -45px;
    }


    /* accordion css */
    .single_acco_title .panel-title a{
        font-size: 13px;
        padding: 8px 11px;
        line-height: 24px;
    }

    /* service and blog area css */
    .single_service_wrapper .service_content, .single_blog_wrapper .blog_content{
        bottom: 0;
    }
    .single_blog_wrapper .blog_content{
        bottom: -47px;
    }
    .single_blog_wrapper:hover .blog_content{
        bottom: 0;
    }

    /* call to action */
    .call_to_action{
        text-align: center;
    }

    /* footer area css */
    .footer_widgets.sevices{
        padding-top: 50px;
    }
    .footer_social > h4,
    .footer_widgets .widget_title > h4{
        font-size: 16px;
    }
    .section_title.title_center::before {
        left: calc(50% - 27px);
    }
    .footer_widgets.sevices{
        margin-bottom: 0;
    }

    /* HOME PAGE 2 CSS */
    .big_footer_wrapper.section_padding::before{
        width: calc((100vw - 300PX) / 2 + 111px);
        height: 45px;
    }
    .big_footer_wrapper.section_padding::after{
        right: calc((100vw - 300PX) / 2 + 111px);
        border-bottom: 45px solid transparent;
        border-right: 39px solid #fff;
    }
    .tiny_header::after {
        border-left: 22px solid #333;
    }

    /* SERVICES PAGE */
    .service2{
        display: block;
        min-height: 1090px;
    }
    .service2 .single_service{
        width: 100%;
        height: 210px;
    }
    .service2 .service_img{
        top: 25px;
    }
    .service2 .service_img > img {
        height: 45px;
    }
    .service_page .form_half .phone,
    .service_page .form_half input{
        margin: 0;
        width: 100%;
    }
    .service2 .single_service:hover{
        min-height: 190px;
        top: 0;
    }
    .service2  .service_content_wrapper > p{
        line-height: 25px;
    }
    .service2 .single_service:hover .service_img{
        top: 25px;
    }
    .service2 .single_service:hover .service_content_wrapper{
        top: 100px;
    }

    /* ABOUT US 2 CSS */
    .about_us_content_wrapper .nav.nav-tabs li{
        margin: 0;
        line-height: 40px;
        font-size: 13px;
    }
    .about_us_content_wrapper .nav.nav-tabs li a{
        padding: 0 15px;
    }
    aside.sidebar {
        margin-top: 0;
    }
    .services_sidebar .single_service_wrapper{
        width: 100%;
        margin-bottom: 40px;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 0!important;
    }
    .services_sidebar .single_service_wrapper.last_element{
        margin-bottom: 40px;
    }

    /* SINGLE NEWS PAGE CSS */
    aside.sidebar {
        margin-top: 25px;
    }
    .commnet_reply{
        padding-left: 60px;
    }
    .detail_blog_post_wrapper .blog_meta {
        padding-top: 25px;
    }
    .detail_blog_post_wrapper .date{
        padding: 0 12px;
        margin-bottom: 10px;
    }
    .detail_blog_post_wrapper .date span{
        font-size: 12px;
        display: inline-block;
    }
    .detail_blog_post_wrapper .blog_meta ul li + li{
        padding-left: 0;
    }

    .form_half{
        width: 100%;
    }
    .form_half.right > input, .form_half.right select{
        margin-left: 0;
        width: 100%;
    }
    .form_half.left > input, .form_half.left > select{
        margin-right: 0;
        width: 100%;
    }
    .form_half input{
        width: 100%;
    }
    .quote_btn_wrapper{
        text-align: center;
    }
    #google_map{
        height: 300px;
    }
    .quote_form .form_half > input, .quote_form .form_half select{
        width: 100%;
    }
    .branches .single_branch{
        width: 100%;
        margin-bottom: 40px;
    }
    .branches .single_branch:last-child{
        margin-bottom: 0;
    }

    /* TRACK TRACE CSS */
    .tc_input_wrapper{
        text-align: center;
    }
    .tc_form{
        padding: 0;
    }
    .tc_btn{
        position: initial;
        padding: 10px 42px;
        margin-top: 20px;
    }
    .tc_input_wrapper span{
        top: calc(50% - 33px);
    }
    .tc_form input{
        padding-right: 30px;
    }

    /*  */
    .xxs_offset-0{
        margin: 0;
    }
    .mission_img, .vision_img{
        width: 100%;
        z-index: -1;
    }
    .mission_img::before,
    .vision_img::before{
        background: rgba(1, 16, 27, 0.9) none repeat scroll 0 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
    }
    .vision_img::before{
        background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    }
    .vision .section_title .title h2,
    .mission .section_title .title h2{
        color: #eee;
    }
    .vision .section_title::before,
    .mission .section_title::before{
        background: #ddd;
    }
    .blog_img.blog_vid .venobox {
        top: calc(50% - 19px);
    }
}