/*
Author: Bootstrapthemes
Author URI: http://www.xpeedstudio.com
*/


/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    body {
        font-size: 1rem;
    }
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 6px 8px;
        font-weight: 600;
    }
    .navbar-nav>li>a {
        line-height: 50px;
    }
    h1 {
        font-size:2.575rem;
    }
    .main-nav ul.nav > li > a {
        padding: 0px 10px;
    }

    .home1_menu .call_us_area ul li {
        padding: 0.5rem;
    }
    .home1_menu .call_us_area:after{
        display: none;
    }
    .home1_menu .head_top_social_area:after{
        border-right: 0px solid transparent;
    }
    nav.navbar.home2_menu.bootsnav ul.nav > li > a {
        padding: 0rem .5rem;
    }
    .counter{
        height: auto;
    }
    .main_mission .single_mission{
        min-height: 417px;
    }

    .home1_main_mix_menu.main_mix_menu ul li {
        width: 15%;
    }

    .request_quot_area.request_quot_area_home1 .heading_request h4 {
        margin-bottom: 0;
        font-size: 1.325rem;
    }
    #extrafeatures_accordion h6 {
        background: #3c414c;
        margin-bottom: 0rem;
        font-size: .875rem;
    }

    .skillbar_top_img {
        position: absolute;
        left: -12%;
        top: 3%;
        width: 109%;
        height: 36rem;
        transform: rotate(90deg);
        z-index: 90;
    }
    .js_graph_striped_y {
        left: 37%;
    }

    .main_featured_home3 .f_service_img_right {
        margin-top: 60%;
        position: relative;
    }
    .main_contact_info.main_contact_info_home1 .contact_info_content .single_contact_info {
        min-height: 170px;
    }
    .main_contact_info.main_contact_info_home2 .contact_info_content .single_contact_info {
        min-height: 170px;
    }

    .pricing_body_border:after {
        border-left: 9.1em solid transparent;
        border-right: 9.1em solid transparent;
        top: -65px;
    }
    .accordion {
        font-size:0.825em;
    }

    .main_portfolio_area_home3 .single_mixi_portfolio {
        margin-bottom: 20%;
        height: 281px;
    }
    .main_portfolio_area_home3 .port_overfolio .s_team_overlay_border {
        padding-top: 45%;
    }
    .call_us_area:after {
        left: 15.95%;
    }
    .home2_main_team_area .head_title h2{
        font-size:2rem;
    }
    .ul-sli-b > ul > li {
        width: 19.6%;
    }
    .carousel-caption {
        right: 14%;
        left: 20%;
        padding-bottom: 30px;
    }
    .planet {
        background-size: cover;
        left: 47%;
        position: absolute;
        top: 0%;
    }
    .top-link-d {
        margin-bottom: 0px;
    }
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 0px 8px;
        font-weight: 600;
    }
    
    .single_weidget {
        margin-top: 24px !important;
    }
    .lt-ta > li.ta1 {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta1.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta2 {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta2.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta3 {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta3.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta4 {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta4.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta5 {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .lt-ta > li.ta5.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .rt-ta-ul > li.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
    }
    .rt-ta-ul > li {
        background-size: contain;
        margin-bottom: 30px;
        width: 250px;
        height: 67px;
        margin-left: -41px !important;
    }
    .lt-ta > li > a {
        padding: 28px 86px 10px 0px;
        font-weight: 500;
        font-size: 12px;
    }
    .rt-ta-ul > li > a {
        padding: 22px 0px 12px 68px;
        font-weight: 500;
        font-size: 13px;
    }
   .footer_weidget {
        background: url(../images/footer-img2.jpg) no-repeat center top;
        /* padding-bottom: 20px; */
        height: 375px;
        background-size: cover;
        background-position: 0px 0px;
    }
    
     .slideshow img {
        width: 160px;
        height: 85px;
    }
    .slide-multi-s {
        width: 160px;
        height: 85px;
    }
    .slideshow_wrapper {
        width: 130px;
    }
    .slideshow {
      width:480px;
      height:85px;
      margin: 0 0 0 -320px;
     position: relative;
      -webkit-animation-name: slide_animation;
      -webkit-animation-duration:8s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-direction:alternate;
       -webkit-animation-play-state: running;
    }
    
    .slideshow2 {
      width:480px;
      height:85px;
      margin: 0 0 0 -320px;
     position: relative;
      -webkit-animation-name: slide_animation2;
      -webkit-animation-duration:9s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-direction:alternate;
       -webkit-animation-play-state: running;
    }
    @-webkit-keyframes slide_animation {
  
      0% {left:0px;}
      10% {left:160px;}
      20% {left:160px;}
      30% {left:160px;}
      40% {left:160px;}
      50% {left:160px;}
      60% {left:160px;}
      70% {left:320px;}
      80% {left:320px;}
      90% {left:320px;}
      100% {left:320px;}
      
      
    }
    @-webkit-keyframes slide_animation2 {
      
      0% {left:0px;}
      10% {left:160px;}
      20% {left:160px;}
      30% {left:160px;}
      40% {left:160px;}
      50% {left:160px;}
      60% {left:160px;}
      70% {left:320px;}
      80% {left:320px;}
      90% {left:320px;}
      100% {left:320px;}
      
      
    }
}


@media (min-width: 991px) {
    nav.navbar.home2_menu.bootsnav.navbar-mobile .navbar-collapse {
        background: transparent !important;
    }
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
    /*    nav{
            background: transparent;
         }*/

    html {
        font-size: 90%;
    }

    .h1 {
        font-size:2.225rem;
    }

    h3 {
        font-size: 1.575rem;
        line-height: 2rem;
        margin-bottom: 15px;
    }

    h5 {
        font-size: 1.1rem;
        margin-bottom: .5rem;
        color: #696f7c;
        line-height: 1.475rem;
    }

    .home1_slider .home_slider_text h1{
        font-size:2.125rem;
    }
  
    .home1_menu .attr-nav{
        width: 0px;
        margin-right: 0px;
        top: -3.8rem;
    }
    nav.navbar.navbar-transparent ul.nav > li > a:hover,
    nav.navbar.no-background ul.nav > li > a:hover,
    nav.navbar ul.nav li.scroll.active > a,
    nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
    nav.navbar ul.nav li.dropdown.on > a,
    nav.navbar-dark ul.nav li.dropdown.on > a{
        color: #fff !important;
    }

     nav.navbar.bootsnav ul.nav > li > a {
        color: #fff;
        background-color: transparent !important;
    }
    .home1_menu .attr-nav form{
        display: none;
    }
    nav.navbar.bootsnav .navbar-brand {
        padding: 0px;
    }

    nav.navbar.home1_menu.bootsnav .navbar-header {
        background: #fff;
    }

    .home1_menu.navbar>.container .navbar-brand {
        top: -5px;
    }

    nav.small.home1_menu .head_top_social_area {
        margin-top:-45px
    }

    .small.home1_menu.navbar>.container .navbar-brand {
        top: -5px !important;
    }
    nav.small.home1_menu .nav-top {
        margin-top:-110px
    }

    .home1_menu .head_top_social_area {
        display: none;
    }

    .home1_menu .nav-top {
        display: none;
    }

    nav.small.home1_menu .main-nav{
        margin-top:6.6%;
    }

    nav.small.home1_menu ul.nav {
        padding-left: 35%;
    }

    nav.small.home1_menu .navbar-toggle {
        margin-top: 1.5%;
    }

    nav {
        height: 80px;
        border-bottom: 0px solid transparent !important;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 7px 12px;
    }

    .home1_menu .navbar-toggle i{
        color:#000;
    }

    .home1_menu .main-nav-border{
        display: none;
    }

    nav.navbar.home1_menu.bootsnav.navbar-fixed {
        height: 80px;
    }

    nav.navbar.home1_menu.bootsnav.navbar-fixed.small {
        height: 80px;
    }

    .home1_menu.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    /* End off nav menu home one */



    .home3_menu .attr-nav{
        width: 0px;
        margin-right: 0px;
        top: -3.8rem;
    }
    .home3_menu .attr-nav form{
        display: none;
    }

    nav.navbar.home3_menu.bootsnav .navbar-header {
        background: #fff;
    }
    .home3_menu.navbar>.container .navbar-brand {
        top: 5px;
    }
    .home3_menu .navbar-brand {
        padding: 0px 15px;
        width: 240px;
        top: 0px;
        position: relative;
        left: 0%;
    }
    nav.navbar.bootsnav .navbar-header {
        padding-top: 13px;
    }

    nav.small.home3_menu .head_top_social_area {
        margin-top:-45px
    }
    nav.small.home3_menu .nav-top {
        margin-top:-110px
    }
    .home3_menu .head_top_social_area {
        display: none;
    }
    .home3_menu .nav-top {
        display: none;
    }
    nav.small.home3_menu .main-nav{
        margin-top:6.6%;
    }
    nav.small.home3_menu ul.nav {
        padding-left: 35%;
    }
    nav.small.home3_menu .navbar-toggle {
        margin-top: 0.5%;
    }
    nav {
        height: 80px;
        border-bottom: 0px solid transparent !important;
    }
    .home3_menu .navbar-toggle i{
        color:#000;
    }
    .home3_menu .main-nav-border{
        display: none;
    }
    nav.navbar.home3_menu.bootsnav.navbar-fixed {
        height: 80px;
    }
    nav.navbar.home3_menu.bootsnav.navbar-fixed.small {
        height: 70px;
    }
    .home3_menu.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    /* End off nav menu home Three */

    nav.navbar.home2_menu.bootsnav.navbar-fixed {
        height: 80px;
        background: #333;
    }


    .main_menu_bg{
        background-color:transparent;
    }

    .home.home3banner, .home.home1banner {
        margin-top: 80px;
    }

    .home{
        margin-top:75px;
    }
    .ps_control_gray_lg .carousel-control.right{
        left:50.2%;
    }
    .ps_control_gray_lg .carousel-control.left{
        left:43.5%;
    }

    .main-nav{
        height: auto;
    }

    .header .navbar-brand>img {
        max-width: 70%;
    }

    .main_testimonial.home1_main_testimonial .carousel-control.left {
        left: 77.5%;
    }
    .main_testimonial.home1_main_testimonial .carousel-control.right{
        right:10%;
    }
    .main_testimonial.home1_main_testimonial .carousel_border {
        width: 93%;
    }
    .main_testimonial.home1_main_testimonial .carousel_border:before{
        width:30%;
    }
    .main_testimonial .carousel_border:after {
        width: 15%;
    }
    .fleetdetails_area .single_sidebar .sidebar_head:before{
        top:45px;
    }
    .fleetdetails_area .single_sidebar .sidebar_head:after{
        top:45px;
    }
    .home1_main_mix_menu.main_mix_menu {
        margin-top: -72px;
    }
    .home1_main_mix_menu.main_mix_menu ul li {
        width: 18%;
    }
    .home1_main_testimonial .home1_clogo_area{
        margin-top:60px;
        overflow: hidden;
    }

    .main_mission .single_mission {
        min-height: 402px;
    }


    .home2menu.navbar-inverse{
        background-color: rgba(0,0,0,0.85) !important;
    }

    .dividehr{
        display: none;
    }
    .dividevr{
        display: none;
    }

    .single_counter_right_text_home3{
        margin-top:5rem;
    }

    .main_chooseus_area.main_chooseus_area_home3 .main_choose_content .choose_tabe_menu li a{
        font-size: 1rem;
    }

    .main_portfolio_area_home3 .port_overfolio .s_team_overlay_border{
        padding-top: 32%;
    }
    .main_featured_home3 .f_service_img_right{
        margin-top: 123%;
    }
    .main_contact_info.main_contact_info_home1 .contact_info_content .single_contact_info {
        padding: 1.5rem 0rem;
        min-height: 170px;
    }
    .main_contact_info.main_contact_info_home2 .contact_info_content .single_contact_info {
        padding: 1.5rem 0rem;
        min-height: 170px;
    }
    .single_counter_right_text .progress_container_border:before {
        left: 4%;
        bottom: -32.6rem;
    }
    .main_testimonial.home2_main_testimonial .carousel-inner:before{
        top:-45%;
    }
    .pricing_body_border:after {
        border-left: 10.75em solid transparent;
        border-right: 10.75em solid transparent;
    }
    .accordion-close span i {
        position: relative;
        top: -15px;
    }
    .accordion-open span i {
        position: relative;
        top: -15px;
    }
    .accordion {
        font-size:0.725em;
    }
    .main_blog.main_blog_home3 .single_blog {
        margin-bottom: 30px;
    }
    .request_quot_area.request_quot_area_home1 .heading_request h4{
        margin-bottom: 0;
        font-size:1.2rem;
    }
    .request_quot_area.request_quot_area_home1 .heading_request i {
        padding-right: .5rem;
        padding-bottom: .5rem;
    }
    .home1_slider .carousel-control.right {
        left: 16%;
    }
    .main_featured .request_quot_area.request_quot_area_home1 {
        margin-top: -50px;
        overflow: hidden;
    }
    .main_featured_home1{
        margin-bottom:120px;
    }

    .home2_main_team_area.main_team_area i.slick-arrow{
        top:-19%;
    }
    .team.home2_team{
        height: auto;
    }
    .main_chooseus_area_home3 .single_choose_text{
        margin-top:30px;
    }
    .request_quot_area.request_quot_area_home3 {
        left: 20%;
        top: 10%;
        width: 70%;
    }
    .main_weidget.main_weidget_home3 .single_weidget.get_update {
        padding: 0px 0%; 
        position: relative;
        text-align: left; 
    }
    .service_tab .single_choose_text{
        margin-top:30px;
    }
    .fleetdetails_content_midel .f_d_c_mid_text{
        margin-top:20px;
    }
    .blog_post_content .single_blog .single_blog_text{
        margin-top:20px;
    }



}



/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    html {
        font-size: 80%;
    }
    p{
        line-height: 2.2rem;
    }
    button.navbar-toggle i.fa {
        color:#333;
    }
    .home2_slider_area h1{
        font-size:2.5rem;
    }
    .home2_slider_area a.btn{
        margin-top:10px;
    }

    .navbar-toggle {
        margin-top: 3%;
    }
    nav.small .navbar-toggle {
        margin-top: 1.4%;
    }

    .main-nav-border{
        display: none;
    }
    .main-nav ul.nav > li > a {
        height: 45px;
        line-height: 45px;
    }

    .head_top_social_area {
        display: none;
    }
    .main-nav form{
        display: none;
    }
    .nav-top {
        display: none;
    }
    .head_title{
        width:90%;
    }
    .slide_style_3 {
        top: 10%;
    }
    .home1_slider .home_slider_text h1 {
        font-size: 1.525rem;
        line-height: 3rem;
    }
    .home_slider_text p {
        line-height: 1.8rem;
        font-size: 1rem;
    }
    .home3_slider .home_slider_text {
        width: 100%;
    }
    .home1_slider .carousel-inner .item img, 
    .home3_slider .carousel-inner .item img {
        height: 300px;
    }
    .home1_slider .overlay, 
    .home3_slider .overlay{
        height: 350px;
    }
    .home1_slider .carousel-control{
        display: none;
    }
    .home1_slider .margin-top-20 {
        margin-top: 0px;
    }
    .home1_slider a {
        margin-bottom: 10px;
    }
    .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0px;
    }
    .main_testimonial_home3 #quote-carousel .carousel-indicators li{
        width:4rem;
        height: 4rem;
    }
    .main_testimonial_home3 #quote-carousel .carousel-indicators li.active{
        width:5rem;
        height: 5rem;
    }
    .main_testimonial_home3 #quote-carousel .carousel-indicators {
        bottom: -85px;
    }
    .main_testimonial_home3 #quote-carousel .carousel-control.left {
        top: -5%;
    }
    .main_testimonial_home3 #quote-carousel .carousel-control.right {
        top: -5%;
    }

    .skillbar {
        margin-bottom: 35px;
        width: 240px;
        height: 50px;
        left: 30%;
    }
    .skillbar_top_img {
        left: 30%;
        top: 54%;
        width: 80%;
        height: 55px;
    }
    .skillbar-title span {
        height: 50px;
        line-height: 50px;
    }
    .skillbar_top_img .skillbar_img_item{
        width:15.5%;
    }
    .main_testimonial.home1_main_testimonial .carousel_border {
        width: 90%;
        padding: 5rem 2rem;
    }
    .main_testimonial .carousel-control.right{
        right:16%;
        top:93%;
    }
    .main_testimonial .carousel-control.left {
        left: 71%;
        top:93%;
    }
    .f_service_area .f_single_service{
        margin-bottom:10%;
    }
    .request_quot_area{
        margin-bottom: 20%;
    }
    .main_home2 .request_quot_area{
        margin-bottom: 0%;
    }

    .request_quot_area.request_quot_area_home3 {
        left: 8%;
        top: 10%;
        width: 85%;
    }
    .counter{
        height: auto;
    }
    .counter.counter_home1{
        height: auto;
    }
    .single_counter_item{
        text-align: center;
    }
    .single_count_icon img {
        margin-bottom: 15px;
    }

    .main_chooseus_area .main_choose_content .single_choose_video{
        margin-top:5%;
    }

    .main_blog .single_blog{
        margin-top:5%;
    }

    .single_widget{
        margin-bottom: 20px
    }
    .main_weidget.main_weidget_home3 .single_weidget.get_update{
        text-align: left;
        padding: 0;
    }
    .fleetdetails_area .single_sidebar form input[type='submit']{
        padding: .9rem 1rem;
    }
    .fleetdetails_area .single_sidebar .sidebar_head:after{
        top:39px;
    }  
    .fleetdetails_area .single_sidebar .sidebar_head:before{
        top:39px;
    }
    .blog_single_area .single_post_video{
        margin-bottom: 3%;
    }
    .sidebar_wraper{
        margin-top:10%;
    }    
    .main_testimonial.home1_main_testimonial .carousel-control.right{
        right:15%;
    }
    .main_testimonial.home1_main_testimonial .carousel-control.left{
        left:70%;
    }
    .home1_main_mix_menu.main_mix_menu ul li {
        width: 50%;
    }
    .home1_main_mix_menu.main_mix_menu {
        margin-top: -94px;
    }
    .featured_bottom_bg {
        height: 1400px;
    }
    .main_chooseus_area.main_chooseus_area_home3 .main_choose_content .tab-content{
        width: 100%;
        overflow: hidden;
        margin-top: 30px !important;
    }

    .home2_main_pricing_area .pricing_border{
        left:39.5%;
    }
    .team.home2_team{
        height: auto;
    }
    .home2_main_team_area.main_team_area i.slick-arrow{
        top: -75px;
    }

    .main_portfolio_area_home3 .single_mixi_portfolio{
        margin-top: 2rem;
    }
    .main_portfolio_area_home3 .single_mixi_portfolio{
        height: auto;
    }
    .main_portfolio_area_home3 .single_mixi_portfolio img {
        height: auto;
    }    
    .main_featured_home3 .f_service_img_right{
        margin-top: 0%;
    }
    .ps_control_bsquare .carousel-control {
        padding-top: 2.4%;
    }
    .single_counter_right_text .progress_container_border:before {
        display: none;
    }
    .main_testimonial.home2_main_testimonial .carousel-inner:before{
        display: none;
    }
    .pricing_body_border {
        position: relative;
        top: -20px;
        display: none !important;
    }

    .accordion-close span i {
        position: relative;
        top: 0px;
    }
    .accordion-open span i {
        position: relative;
        top: 0px;
    }
    div.content .divis_hidden{
        display: none;
    }
    .request_quot_area.request_quot_area_home1 .heading_request h4{
        margin-bottom: 0;
        font-size:1.625rem;
    }
    .request_quot_area.request_quot_area_home1 .heading_request i {
        padding-right: 1rem;
        padding-bottom: 1rem;
    }
    #extrafeatures_accordion h6 a {
        background: url(../images/pluseminus2.png) no-repeat 98% 10px;
    }



    .main_about_benner .single_about_benner{
        width:80%;
    }

}




/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 65%;
    }
    .home1_slider .home_slider_text h1 {
        font-size: 1.225rem;
    }
    .home1_slider .home_slider_text .margin-top-40 {
        margin-top:0;
    }
    .home1_slider .home_slider_text .m-r-15 {
        margin-right:0;
    }

    .slider_home2 i.nextprevleft{
        top:100px;
    }

    .slider_home2 i.nextprevright{
        top:100px;
    }

    .kenburns_062_slide {
        top: 20%;
    }

    .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        width: 100%;
    }

    .header .navbar-brand>img {
        max-width: 70%;
    }

    .service_border_raund {
        left: 30%;
    }

    .main_testimonial .carousel-control.right{
        right:1%;
        top:93%;
    }

    .main_testimonial .carousel-control.left {
        left: 40%;
        top:93%;
    } 

    .fleetdetails_area .single_sidebar .sidebar_head:before{
        top:32px;
    }
    .fleetdetails_area .single_sidebar .sidebar_head:after{
        top:32px;
    }

    .pricing_body_border {
        position: relative;
        top: -20px;
        display: none !important;
    }

    .home2_main_pricing_area .pricing_border{
        left:35.5%;
    }

    .main_testimonial.home1_main_testimonial .carousel-control.left {
        left: 66%;
    }

    .featured_bottom_bg {
        height: 1250px;
    }
    #extrafeatures_accordion h6 a {
        background: url(../images/pluseminus2.png) no-repeat 98% 7px;
        padding-left: 10px;
        font-size: 0.875rem;
    }

    .home3_slider .home_slider_text h1{
        font-size:2.525rem;
    }
    .home2_main_team_area.main_team_area i.slick-arrow{
        display: none !important;
    }


}

@media (max-width: 579px) {
    .main_testimonial .carousel-control.right{
        right:14%;
        top:93%;
    }

    .main_testimonial .carousel-control.left {
        left: 69%;
        top:93%;
    } 

    .label_img{
        display: none;
    }

    .progress-vertical {
        width: 35px;
        margin-right: 15px;
    }

    .progress-vertical .label {
        width: 35px;
        font-size: 12px;
    }

}

@media (min-width: 310px) and (max-width:700px){
    .skillbar_top_img{
        display: none;
    }
}
 @media only screen and (min-width:767px) and (max-width:991px) {
    section.home-slider-o {
        padding-top: 80px;
    }
    #bh {
        left: 63px;
        top: -5px;
    }
    .slid-move-text {
        left: -196px;
        top: 56px;
    }
    .slid-move-text > h3 {
        font-size: 25px;
        color: #0070be;
        margin-bottom: 0px;
    }
    .slid-move-text > p {
        font-size: 15px;
    }
    #proc {
        position: absolute;
        top: 32px;
        right: -53px;
    }
    #moo-si {
        position: absolute;
        top: -28px;
        right: -72px;
    }
    .planet {
        left: 45%;
        top: -3%;
    }
         .ul-sli-b > ul > li {
        width: 19.4%;
        padding-left: 17px;
    }
    .ul-sli-b > ul > li > h3 {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .ul-sli-b > ul > li > p {
        font-size: 12px;
        line-height: 15px;
    }
    .fr1:after {
        height: 30px;
        width: 26px;
        background-size: contain;
        left: 0px;
    }
    .fr2:after {
        height: 39px;
        width: 34px;
        left: 6px;
        background-size: contain;
    }
    .fr3:after {
        height: 34px;
        width: 34px;
        left: 10px;
        background-size: contain;
        top: 6px;
    }
    .fr4:after {
        height: 35px;
        width: 39px;
        left: 10px;
        background-size: contain;
        top: 3px;
    }
    .fr5:after {
        height: 20px;
        width: 40px;
        left: 0px;
        top: 11px;
        background-size: contain;
    }
    .imgsr {
        display: none;
    }
    .single_weidget {
        margin-top: 24px !important;
    }
    .lt-ta > li.ta1 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta1.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta2 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta2.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta3 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta3.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta4 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta4.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta5 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta5.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .rt-ta-ul > li.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 190px;
        height: 49px;
    }
    .rt-ta-ul > li {
        background-size: contain;
        margin-bottom: 30px;
        width: 190px;
        height: 49px;
        margin-left: -30px !important;
    }
    .lt-ta > li > a {
        padding: 14px 50px 10px 0px;
        font-weight: 500;
        font-size: 12px;
    }
    .rt-ta-ul > li > a {
        padding: 17px 0px 12px 32px;
        font-weight: 500;
        font-size: 13px;
    }
    .slide-top-inner {
        width: 21%;
    }
    .slide-top-inner1 {
        min-height: 410px;
        padding: 15px 26px 5px;
    }
    p.loan-p {
        font-size: 13px;
    }
    .btn-st1 {
        margin-top: 0px;
    }
    .sections {
        padding-bottom: 30px;
    }
    .main_featured_home1 {
        margin-bottom: 0px;
    }
    .devide2 {
        vertical-align: top;
        display: inline-block;
        width: 49%;
    }
    .footer_weidget {
        background: url(../images/footer-img2.jpg) no-repeat center top;
        height: 364px;
        background-position: 0px 0px;
    }
    .devide1 {
        display: none;
    }
    .chose-ul ul > li {
        width: 100%;
        margin-bottom: 3px;
    }
    .chose-ul ul > li > img {
        display: inline-block;
        height: 45px;
    }
 }
 @media only screen and (min-width:240px) and (max-width:767px) {
    section.home-slider-o {
        padding-top: 80px;
    }
    #bh {
        left: 63px;
        top: -50px;
    }
    /*.slid-move-text {
        left: -196px;
        top: -9px;
    }*/
    .slid-move-text {
        left: -209px;
        top: -9px;
    }
    .slid-move-text > h3 {
        font-size: 25px;
        color: #0070be;
        margin-bottom: 0px;
    }
    .slid-move-text > p {
        font-size: 15px;
    }
    #proc {
        position: absolute;
        top: -20px;
        right: -53px;
    }
    #moo-si {
        position: absolute;
        top: -50px;
        right: -72px;
    }
    .planet {
        left: 45%;
        top: -17%;
    }
    .carousel-control {
        top: 0px;
    }
    .fris-lfe.rt-y {
        width: 100%;
        padding-top:25px;
    }
    .fris-lfe {
        width: 100%;
    }
    .chose-ul {
        padding-left: 0px;
    }
    .chose-ul ul > li {
        width: 100%;
        margin-bottom: 12px;
    }
    .chose-ul ul > li > p {
        vertical-align: middle;
    }
    .chose-ul ul > li > img {
        height: 50px;
        width: 50px;
        vertical-align: middle;
    }
    .about-c-l {
        width: 100%;
    }
    .abou-s-r {
        width: 100%;
        padding-left: 0px;
    }
    .our-cl {
        text-align: left;
        padding-top: 24px;
    }
    .main_call_us_area.main_call_us_area_home1 .call_us_right_text {
        margin-top: 1px;
        text-align: center;
    }
    .main_call_us_area.main_call_us_area_home1 .call_us_left_text h2 {
        text-align: center;
    }
    .footer_weidget {
        background: url(../images/footer-img2.jpg) no-repeat center top;
        height: 437px;
        background-position: 0px 0px;
    }
    .devide2 {
        vertical-align: top;
        display: inline-block;
        width: 49%;
    }
    
    .devide3 {
        vertical-align: top;
        display: inline-block;
        width: 49%;
    }
    .single_weidget {
        margin-top: 24px !important;
    }
    .lt-ta > li.ta1 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta1.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta2 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta2.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta3 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta3.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta4 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta4.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta5 {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .lt-ta > li.ta5.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 180px;
        height: 49px;
    }
    .rt-ta-ul > li.active {
        background-size: contain;
        margin-bottom: 30px;
        width: 190px;
        height: 49px;
    }
    .rt-ta-ul > li {
        background-size: contain;
        margin-bottom: 30px;
        width: 190px;
        height: 49px;
        margin-left: -30px !important;
    }
    .lt-ta > li > a {
        padding: 14px 50px 10px 0px;
        font-weight: 500;
        font-size: 12px;
    }
    .rt-ta-ul > li > a {
        padding: 17px 0px 12px 32px;
        font-weight: 500;
        font-size: 13px;
    }
    .slide-top-inner {
        width: 21%;
    }
    .slide-top-inner1 {
        min-height: 410px;
        padding: 15px 26px 5px;
    }
    p.loan-p {
        font-size: 13px;
    }
    .btn-st1 {
        margin-top: 0px;
    }
    
    
    
    .ul-sli-b > ul > li {
        width: 19.4%;
        padding-left: 17px;
    }
    .ul-sli-b > ul > li > h3 {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .ul-sli-b > ul > li > p {
        font-size: 12px;
        line-height: 15px;
    }
    .fr1:after {
        height: 30px;
        width: 26px;
        background-size: contain;
        left: 0px;
    }
    .fr2:after {
        height: 39px;
        width: 34px;
        left: 6px;
        background-size: contain;
    }
    .fr3:after {
        height: 34px;
        width: 34px;
        left: 10px;
        background-size: contain;
        top: 6px;
    }
    .fr4:after {
        height: 35px;
        width: 39px;
        left: 10px;
        background-size: contain;
        top: 3px;
    }
    .fr5:after {
        height: 20px;
        width: 40px;
        left: 0px;
        top: 11px;
        background-size: contain;
    }
    .main_featured_home1 {
        margin-bottom: 0px;
    }
    .imgsr {
        display: none;
    }
    h1 {
        font-size: 26px;
    }
    .sections {
        padding-bottom: 30px;
    }
    .heading-t-s {
        font-size: 26px;
    }
    .choos {
        padding: 30px 0px 16px;
    }
    .our-cl11 {
        font-size: 26px;
    }
    .membership > h2 {
        font-size: 26px;
    }
    .slideshow_wrapper {
        width: 190px;
    }
 }
  @media only screen and (min-width:550px) and (max-width:598px) {
       .ul-sli-b > ul > li {
    width: 19%;
    padding-left: 0px;
    padding-top: 38px;
}
.ul-sli-b > ul > li > h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    }
    .ul-sli-b > ul > li > p {
        font-size: 11px;
        line-height: 15px;
    }
    .fr1:after {
        left: 37%;
    }
    .fr2:after {
        left: 37%;
    }
    .fr3:after {
        left: 37%;
    }
    .fr4:after {
        left: 37%;
    }
    .fr5:after {
        left: 37%;
    }
  }
 
 @media only screen and (min-width:320px) and (max-width:550px) {
     .img-move-s {
        display: none;
    }
    .planet {
        left: 69%;
        top: -38%;
    }
    .ul-sli-b > ul > li {
    width: 19%;
    padding-left: 0px;
    padding-top: 38px;
}
.ul-sli-b > ul > li > h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}
.ul-sli-b > ul > li > p {
    font-size: 11px;
    line-height: 15px;
}
.fr1:after {
    left: 37%;
}
.fr2:after {
    left: 37%;
}
.fr3:after {
    left: 37%;
}
.fr4:after {
    left: 37%;
}
.fr5:after {
    left: 37%;
}
.footer_weidget {
    background: url(../images/footer-img2.jpg) no-repeat center top;
    height: auto;
    background-size: cover;
    background-position: -691px 0px;
    padding-bottom: 21px;
}
.ul-sli-c > li:nth-child(3) {
    border-right: 1px dotted gray;
}
.ul-sli-c > li:nth-child(4) {
    border-bottom: 1px dotted gray;
    border-right: none;
}
.ul-sli-c > li:nth-child(2) {
    border-right: none;
}
.ul-sli-c > li {
    width: 49.9%;
    margin-right: -4px;
}
 }
 @media only screen and (min-width:320px) and (max-width:450px) {
    .ul-sli-b > ul > li > h3 {
        font-size: 10px;
    } 
    .ul-sli-b > ul > li > p {
        font-size: 10px;
    }
    .ul-sli-b > ul > li {
        width: 18.6%;
    }
    .ul-sli-b > ul > li:after {
        display: none;
    }
    .ul-sli-b > ul > li {
        padding-top: 0px;
    }
    .slideshow img {
        width: 160px;
        height: 85px;
    }
    .slide-multi-s {
        width: 160px;
        height: 85px;
    }
    .slideshow_wrapper {
        width: 130px;
    }
    .slideshow {
      width:480px;
      height:85px;
      margin: 0 0 0 -320px;
     position: relative;
      -webkit-animation-name: slide_animation;
      -webkit-animation-duration:8s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-direction:alternate;
       -webkit-animation-play-state: running;
    }
    
    .slideshow2 {
      width:480px;
      height:85px;
      margin: 0 0 0 -320px;
     position: relative;
      -webkit-animation-name: slide_animation2;
      -webkit-animation-duration:9s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-direction:alternate;
       -webkit-animation-play-state: running;
    }
    @-webkit-keyframes slide_animation {
  
      0% {left:0px;}
      10% {left:160px;}
      20% {left:160px;}
      30% {left:160px;}
      40% {left:160px;}
      50% {left:160px;}
      60% {left:160px;}
      70% {left:320px;}
      80% {left:320px;}
      90% {left:320px;}
      100% {left:320px;}
      
      
    }
    @-webkit-keyframes slide_animation2 {
      
      0% {left:0px;}
      10% {left:160px;}
      20% {left:160px;}
      30% {left:160px;}
      40% {left:160px;}
      50% {left:160px;}
      60% {left:160px;}
      70% {left:320px;}
      80% {left:320px;}
      90% {left:320px;}
      100% {left:320px;}
      
      
    }
    .devide3 {
        vertical-align: top;
        display: inline-block;
        width: 100%;
    }
    .devide2 {
        vertical-align: top;
        display: inline-block;
        width: 100%;
    }
    .main_call_us_area.main_call_us_area_home1 .call_us_left_text h2 {
        text-align: center;
        line-height: 20px;
        font-size: 12px;
    }
    .planet {
        left: 85%;
        top: -64%;
    }
    .slid-move-text > h3 {
        font-size: 18px;
    }
    h1 {
        font-size: 20px;
        padding-bottom: 7px;
    }
    .sections {
        padding-bottom: 30px;
        padding-top: 15px;
    }
    .heading-t-s1 {
        text-align: center;
        font-size: 21px;
    }
    .chk {
        font-size: 23px;
    }
    .blog_left_content h2 {
        font-weight: 600;
        font-size: 22px;
    }
    .our-cl {
        text-align: center;
        font-size: 23px;
    }
    .our-cl11 {
        font-size: 26px;
        text-align: center;
    }
    .navbar-brand>img {
        display: block;
        height: 55px;
        margin: 0 auto;
    }
    .heaven-popup > form {
        margin-top: 20px;
    }
    .heaven-popup > h2 {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 0px;
        margin-top: 15px;
    }
    .popup-base {
        top: 50%;
    }
    .home1_menu.navbar>.container .navbar-brand {
        top: 0px;
    }
 }

@media (max-width: 320px) {
    html {
        font-size: 60.5%;
    }

    .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        width: 100%;
    }
    .fleetdetails_area .single_sidebar .sidebar_head:before{
        top:30px;
    }
    .fleetdetails_area .single_sidebar .sidebar_head:after{
        top:30px;
    }

    .home2_main_pricing_area .pricing_border {
        left: 26.5%;
    }


    .main_testimonial.home1_main_testimonial .carousel_border:before {
        width: 45%;
    }
    .main_testimonial.home1_main_testimonial .carousel-control.left {
        left: 59%;
    }
    .main_testimonial.home1_main_testimonial .carousel-control.right {
        right: 17%;
    }
    .main_testimonial.home1_main_testimonial .carousel_border:after {
        top: -25px;
        width: 17%;
    }

    .home1_main_testimonial .cline-logo-carousel-indicators li {
        height: 100px;
        line-height: 70px;
    }
    .featured_bottom_bg {
        height: 1000px;
    }


    .skillbar_top_img{
        display: none;
    }
    .progress-vertical {
        width: 30px;
        margin-right: 10px;
    }
    .progress-vertical .label {
        width: 30px;
        font-size: 11px;
    }




}

#myCarousel2{
    margin-top: 70px;
}
.blue_h3 h3{
    font-size: 20px;
    color: #016fc2;
    text-shadow: none;
}

@media only screen and (max-width: 800px) {
   .mb-hide{
           display: none !important;
   }
   .top-link-d li a{
       color: #fff;
   }
   .top-link-d{
       text-align:left;
   }
   .img-home{
       width:150px;
   }
    .img-home2{
       width:200px;
   }
}
@media only screen and (min-width: 801px) {
   .mb-open{
       display:none;
   }
}