@media screen and (max-width: 1400px){

.single_slider_wrapper .hero_btn{

        margin-top: 20px;

    }

}

@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);

    }

}