/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
    
  
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   
}
/* Extra large devices (large desktops, 1300px and up) */
@media (min-width: 1300px) {
    
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  
    .top-bar.landing-both-padding-reduce{
        display: none;
    }
    .landing-top-bg-area p.small-content{
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .footer-one__post{
        max-width: 100% !important;
        margin-bottom: 22px;
        margin-left: 15px;
        margin-top: 20px;
    }
    .it-about-title-box{
        margin-top: 20px;
    }
    .intro-two__single{
        padding: 33px 21px 21px;
        margin-bottom: 18px;
    }
    .top-header-logo-area ul li a img.letter-logo-hide{
        display: none;
    }
    .horizontal-timeline-area h4{
        width: 100%;
        font-size: 13px;
    }
    .about-us-wrapper .about-check-list ul.checked-list{
        margin: 2px 0 43px 0;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .single-team .team-content .name {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .it-about-item-icon.support{
        width: 68px;
        height: 68px;
    }
    .google-map-one{
        padding: 30px 0 0;
    }
    .awards-area{
        padding: 30px 0 20px;
    }
    .awards-area .owl-carousel .owl-nav button.owl-next span{
       
        font-size: 23px;
    }
    .awards-area .owl-carousel .owl-nav button.owl-prev span{
        line-height: unset;
        font-size: 23px;
    }
    .footer-one__newsletter.left-space-reduce{
        margin-left: 0;
    }
    .jcb-landing-new-home-article .row.bottom-line-add .info-area{
        margin-top: 15px;
    }
    .price-brochure-area .info-area ul li.brochure-both-side-padding{
        padding-top: 6px;
        padding-bottom: 6px;
    }
    #menu-area .start-header.landing-new{
        padding: 9px !important;
    }
    .footer-one__post.left-gap-reduce{
        margin-left: 0;
    }
    .footer-one__newsletter{
        margin-left: 15px;
        margin-top: 13px;
    }
    .footer-one__bottom-right{
        margin-bottom: 8px;
    }
    .landing-top-bg-area{
        padding-bottom: 0;
    }
    .about-us-wrapper .about-check-list ul.checked-list {
        margin: 2px 0 4px 0;
    }
    .horizontal-timeline-area{
        padding: 16px;
        margin-top: 16px;
    }
    .overlay{
        padding: 14px;
    }
    .article-right-wrap-area .content-right-area .social-media ul li{
        margin-right: 11px;
    }
    .footer-one__about-logo a h3.jcb-gap-reduce {
        margin-bottom: 16px;
    }
    .footer-one__bottom-right p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .footer-one__bottom-left{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 19px;
    }
    .footer-one__bottom-inner{
        flex-direction: column;
        padding: 24px 0px 29px;
    }
    .footer-one__newsletter-text1{
        margin-bottom: 9px;
    }
    .footer-one__about-text p{
        font-size: 15px;
        line-height: 27px;
    }
    .footer-one__about-logo a h3{
        margin-bottom: 15px;
        font-size: 13px;
    }
    .footer-one__top.jcb-landing-page-footer{
        padding: 48px 0px 50px;
    }
    .google-map-one__map iframe{
        height: 246px;
        margin-top: 17px;
    }
    .awards-area .owl-carousel .owl-item img{
        width: 114px;
    }
    .footer-one__single .title-box{
        margin-bottom: 35px;
    }
    .request-form{
        padding-bottom: 55px;
    }
    .request-form .thm-btn{
        font-size: 14px;
        line-height: 40px;
        margin-top: 2px;
    }
    .top-bar .top-bar-left.landing-top{
        text-align: center;
    }
    .request-form .form-group label{
        font-size: 14px;
    }
    .one h1.quote-forms{
        font-size: 20px;
        line-height: 32px;
    }
    .request-form .one {
        margin-top: 31px;
    }
    .youtube-area iframe{
        margin-top: 24px; 
        height: 288px;
    }
    .youtube-area{
        padding: 40px 0;
    }
    .three-wrap-services-area {
        margin-top: 15px;
    }
    .article-right-wrap-area{
        flex-direction: column;
    }
    .jcb-landing-new-home-article .content-area p{
        font-size: 14px;
        line-height: 23px;
    }
    .jcb-landing-new-home-article .content-area h4{
        margin-bottom: 10px;
    }
    .jcb-landing-new-home-article .content-area h4 a{
        font-size: 14px;
        line-height: 15px;
    }
    .jcb-landing-new-home-article .pic-area {
        margin-bottom: 17px;
    }
    .jcb-landing-new-home-article{
        padding: 40px 0;
    }
    .grid figure img{
        height: 255px;
    }
    .grid figure h2{
        font-size: 20px;
    }
    .one h1.black-color{
        margin-bottom: 8px;
    }
    .feature-section-two{
        padding: 7px 0 44px;
    }
    .one h1{
        font-size: 22px;
        line-height: 34px;
    }
    .it-about-area .it-about-thumb-box .it-about-thumb-4 img.four{
        height: 300px;
    }
    .intro-two__single__title a{
        font-weight: 700;
    }
    .intro-two__single{
        height: 278px;
        margin-bottom: 18px;
    }
    .intro-two__single__text{
        line-height: 24px;
    }
    .intro-two__single__title{
        font-size: 16px;
        line-height: 5px;
        margin: 20px 0 14px;
    }
    .intro-two__single__icon span{
        width: 29px;
    }
    .intro-two__single__icon{
        width: 67px;
        height: 67px;
    }
    .it-about-info__icon img{
        width: 21px;
    }
    .it-about-btn{
        margin-right: 0;
    }
    .it-about-content-wrapp .it-about-info .it-about-btn a.thm-btn{
        font-size: 13px;
        line-height: 43px;
        margin-bottom: 17px;
    }
    .it-about-info{
        flex-direction: column;
    }
    .it-about-item-icon{
        width: 68px;
        height: 68px;
        margin-right: 0;
    }
    .it-section-title-sm{
        font-size: 17px;
        margin-bottom: 9px;
    }
    .it-about-item-text p{
        margin-right: 0;
    }
    .it-about-item-text{
        text-align: center;
        margin-top: 18px;
    }
    .it-about-item{
        flex-direction: column;
        align-items: center;
    }
    .it-about-dsc {
        margin-bottom: 20px;
    }
    .it-section-title{
        font-size: 17px;
        line-height: 27px;
    }
    .it-subtitle{
        font-size: 14px;
        margin-bottom: 6px;
    }
    .it-about-content-wrapp{
        padding-left: 0;
    }
    .it-about-area{
        padding: 47px 0;
    }
    .price-brochure-area .row .col-lg-6.left-gap-reduce{
        padding-left: 0;
    }
    .price-brochure-area .info-area ul li a img{
        width: 19px;
    }
    .price-brochure-area .info-area ul li a{
        font-size: 13px;
    }
    .price-brochure-area .info-area ul li{
        padding: 16px 12px;
    }
    .price-brochure-area .info-area ul li.both-side-reduce{
        padding-bottom: 0;
        padding-top: 7px;
    }
    .banner-area .swiper-wrapper .swiper-slide .caption-banner{
        display: none;
    }
    .banner-area .swiper-wrapper .swiper-slide.home img{
        height: 288px !important;
    }
    #menu-area .nav-item{
        padding-left: 3px !important;
    }
    #menu-area .nav-link{
        font-size: 14px;
    }
    #menu-area .navbar{
        padding: 0;
    }
    .top-header-logo-area ul li a h3.top-gap-increase{
        font-size: 10px;
    }
    .top-bar .top-bar-left ul li{
        font-size: 13px;
    }
    .footer_link p a.footer-right{
        font-size: 15px;
    }
    .footer-one__links-list li a.small-txt {
        font-size: 12.5px;
    }
    .footer-one__links-list li a i {
        font-size: 13px;
        margin-right: 4px;
    }
    .footer-one__single .title-box h3{
        font-size: 17px;
    }
    .footer-one__about-text p.justify-txt{
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 32px;
    }
    .footer-one__about.jcb-footer-width-increase{
        margin-left: 16px;
    }
    .footer-one__about-logo a h3.landing-page{
        padding: 11px;
        font-size: 14px;
        margin-bottom: 7px;
    }
    .footer-one__about-logo.width-add{
        width: 100%;
    }
    .footer-one__about-logo a{
        flex-direction: column;
    }
    .cd-horizontal-timeline .events-content p{
        font-size: 15px;
    }
    .cd-horizontal-timeline .timeline{
        margin-left: 0;
    }
    .cd-horizontal-timeline .events-content em{
        font-size: 15px;
        margin-top: 6px;
    }
    .cd-horizontal-timeline .events-content h2{
        font-size: 18px;
    }
    .cd-horizontal-timeline .events-content ol{
        padding: 0;
    }
    .cd-horizontal-timeline .events-content{
        margin-top: -7px;
    }
    .cd-horizontal-timeline .events a{
        font-size: 14px;
    }
    .about-thum .bottom-image img{
        height: 350px;
    }
    .about-thum::after{
        display: none;
    }
    .about-thum::before{
        display: none;
    }
    .about-us-wrapper .row .col-12.responsive-top-gap-reduce{
        margin-top: 20px !important;
    }
    .checked-list li{
        margin: 8px 0 10px 0;
        font-size: 14px;
    }
    .about-us-wrapper .about-check-list{
        flex-direction: column;
        margin-top: 13px;
    }
    .about-us-wrapper .section-title p.content-txt{
        font-size: 14px;
        line-height: 21px;
    }
    .about-us-wrapper .section-title h1{
        font-size: 16px;
        margin-bottom: 13px;
        line-height: 25px;
    }
    .about-us-wrapper .section-title p.about-bg-color-add{
        font-size: 12px;
        margin-bottom: 13px;
        padding: 11px;
    }
    .about-us-wrapper{
        padding: 17px;
    }
    .landing-grid-view{
        padding: 0 11px;
    }
    .project-body-landing{
        left: 15px !important;
    }
    .project-content-footer .readmore-btn{
        font-size: 14px;
        padding-right: 24px;
    }
    .landing-grid-view {
        margin-top: 19px;
    }
    .landing-top-bg-area .top-gap-add {
        margin-top: 36px;
    }
    .landing-top-bg-area h3{
        font-size: 21px;
        line-height: 31px;
    }
    .main-slider-one__content .text p {
        font-size: 16px;
    }
    .main-slider-one__content .title h2 {
        font-size: 45px;
    }
    .main-slider-one__content {
        padding: 191px 0px 200px;
    }
    .main-slider-one.style2 .shape2 {
        display: none;
    }
    .main-slider-one {
        margin-top: 0px;
    }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .project-body-landing.jcb-genset {
        top: 69%;
    }
    .request-form {
        padding-bottom: 37px;
    }
    .single-team .team-content .designation{
        font-size: 13px;
    }
    .techwix-team-section-03 .team-wrap .single-team .team-img a img{
        height: 286px;
    }
    .single-team .team-content .name{
        font-size: 14px;
        line-height: 17px;
    }
    .single-team .team-content .team-social .social li a {
        font-size: 13px;
    }
    .it-about-item-icon.support {
        width: 53px;
    }
    .one h1.black-color.google-map{
        font-size: 18px;
        line-height: 32px;
    }
    .feature-section-two{
        padding-bottom: 23px;
    }
    .jcb-landing-new-home-article{
       padding: 15px 0 3px;
    }
    .grid{
        padding-top: 8px;
    }
    .intro-two{
        padding: 0 0 21px;
    }
    .intro-two__single{
        padding: 25px 21px 21px;
    }
    .it-about-area {
        padding: 32px 0;
    }
    .awards-area .owl-carousel .owl-stage-outer{
        margin-left: 7px;
    }
    .awards-area .owl-carousel .owl-nav button.owl-prev{
        width: 31px;
        height: 31px;
        left: -71%;
        line-height: unset;
    }
    .awards-area .owl-carousel .owl-nav button.owl-next{
        width: 31px;
        height: 31px;
        right: 2%;
        line-height: unset;
    }
    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide img{
        width: 450px !important;
    }
    .price-brochure-area .info-area ul li a img {
        width: 17px;
    }
    .about-us-wrapper{
        padding-top: 0;
    }
    .project-content-footer .readmore-btn{
        font-size: 13px;
    }
    .footer-one__links-list li a.small-txt.hyundai-alignment{
        line-height: 24px;
    }
    .cd-horizontal-timeline .events-content p{
        font-size: 15px;
        line-height: 24px;
    }
    .cd-horizontal-timeline .events-content em{
        font-size: 14px;
        font-weight: 600;
    }
    .cd-horizontal-timeline .events-content h2 {
        font-size: 16px;
    }
    .horizontal-timeline-area h4{
        font-size: 12px;
    }
    .jcb-landing-new-home-article .content-area.mobile-responsive-hide{
        margin-bottom: 0;
    }
    .jcb-landing-new-home-article .content-area p.white-color{
        display: none;
    }
    .request-form .thm-btn{
        font-size: 13px;
    }
    .article-right-wrap-area .content-right-area .social-media ul p.share-txt{
        font-size: 13px;
    }
    .article-right-wrap-area .content-right-area .social-media ul li a i{
        font-size: 13px;
    }
    .footer-one__newsletter-form-input-box .form-control.height-reduce{
        font-size: 14px;
    }
    .footer-one__links-list li{
        margin-bottom: 6px;
    }
    .google-map-one__map iframe{
        height: 165px;
    }
    .awards-area .owl-carousel .owl-item img{
        width: 108px;
    }
    .footer-one__links-list li a{
        line-height: 19px;
    }
    .request-form .form-group label{
        margin-bottom: -17px;
        font-size: 13px;
    }
    figure.effect-sadie p.top-gap-reduce{
        bottom: 28%;
        font-size: 14px;
    }
    .request-form .form-group .form-control{
        height: 42px;
        font-size: 14px;
    }
    .youtube-area iframe{
        height: 187px;
    }
    .one h1.black-color{
        font-size: 20px;
    }
    .jcb-landing-new-home-article .row.bottom-line-add{
        padding-bottom: 3px;
    }
    .article-right-wrap-area .content-right-area{
        width: 100%;
        margin-left: 0;
    }
    .article-right-wrap-area .pic-left-area{
        width: 100%;
    }
    .jcb-landing-new-home-article .content-area{
        margin-bottom: 24px;
    }
    .jcb-landing-new-home-article .pic-area img{
        height: 165px;
    }
    figure.effect-sadie p i{
        font-size: 12px;
    }
    figure.effect-sadie h2{
        top: 48%;
    }
    .grid figure figcaption{
        top: 0px;
    }
    figure.effect-sadie p{
        bottom: 33%;
        font-size: 15px;
    }
    .grid figure h2 {
        font-size: 18px;
    }
    .grid figure img.second-row {
        height: 165px;
    }
    .it-about-item-icon img {
        width: 27px;
        height: 27px;
        object-fit: contain;
    }
    .it-about-item-icon {
        width: 53px;
        height: 53px;
    }
    .grid figure img{
        height: 167px;
    }
    .one h1:before{
        left: 49.2%;
    }
    .one h1:after{
        margin-left: -83px;
    }
    .it-about-area .it-about-thumb-box .it-about-thumb-4 img.four{
        height: 201px;
    }
    .it-about-info__text a{
        font-size: 15px;
    }
    .it-about-info__icon img{
        width: 17px;
    }
    .it-about-area .it-about-thumb-box .it-about-thumb-2 img.second{
        height: 149px;
        margin-bottom: 15px;
    }
    .it-about-area .it-about-thumb-box .it-about-thumb-1 img.one{
        height: 165px;
    }
    .banner-area .swiper-wrapper .swiper-slide.home img{
        height: 177px !important;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 8px;
    }
    .swiper-button-next{
        width: 34px;
        height: 34px;
        right: 0 !important;
    }
    .swiper-button-prev{
        width: 34px;
        height: 34px;
        left: 0 !important;
    }
    .top-header-logo-area{
        padding: 0;
    }
    .top-bar .top-bar-left ul li i{
        font-size: 13px;
    }
    .cd-horizontal-timeline.loaded{
        margin-top: -13px;
        margin-bottom: 4px;
    }
    .footer-one__about-logo a img{
        width: 101px;
    }
    .cd-timeline-navigation a::after{
        height: 11px;
        width: 11px;
    }
    .cd-horizontal-timeline .events-wrapper::after{
        background-image: unset;
    }
    .cd-horizontal-timeline .events-wrapper::before{
        background-image: unset;
    }
    .about-thum .bottom-image img{
        height: 200px;
    }
    .project-body-landing .project-body-title-landing img.hyundai {
        width: 154px;
    }
    .project-body-landing .project-body-title-landing img{
        width: 72px;
    }
    .project-image-landing img{
        height: 168px;
    }
}
@media(max-width: 320px) {

}



@media only screen and (min-width: 768px) and (max-width: 991px) {
    .request-form .form-group .form-control{
        font-size: 14px;
    }
    .request-form .form-group label{
        font-size: 14px;
    }
    .one h1.quote-forms.quote-form{
        margin-bottom: 27px;
    }
    .youtube-area{
        padding: 37px 0 42px;
    }
    .youtube-area iframe{
        margin-top: 23px;
        height: 274px;
    }
    .three-wrap-services-area {
        margin-top: 19px;
    }
    .article-right-wrap-area .content-right-area .social-media ul p.share-txt{
        letter-spacing: 0.7px;
    }
    .overlay .content-area .social-media ul p.share-txt{
        letter-spacing: 0.7px;
    }
    .article-right-wrap-area{
        align-items: center;
    }
    .google-map-one__map iframe{
        margin-top: 29px;
        height: 249px;
    }
    .google-map-one{
        padding: 32px 0 0;
    }
    .awards-area{
        padding: 36px 0 6px;
    }
    .request-form{
        padding-bottom: 43px;
    }
    .request-form .thm-btn{
        font-size: 14px;
        line-height: 43px;
    }
    .request-form .thm-btn{
        margin-top: 4px;
        line-height: 42px;
    }
    .request-form .form-group{
        margin-bottom: 19px;
    }
    .jcb-landing-new-home-article .pic-area{
        margin-top: 24px;
    }
    .one h1.black-color{
        margin-bottom: 3px;
    }
    .it-about-content-wrapp .it-about-info .it-about-btn a.thm-btn{
        font-size: 13px;
        line-height: 44px;
    }
    .it-about-item-icon {
        margin-right: 19px;
    }
    .it-about-item.bottom-gap-increase{
        margin-bottom: 17px;
    }
    .it-about-item-text p{
        line-height: 23px;
    }
    .it-section-title-sm{
        font-size: 17px;
        margin-bottom: 6px;
    }
    .it-about-dsc {
        margin-bottom: 22px;
    }
    .it-section-title{
        font-size: 21px;
        margin-bottom: 0;
        line-height: 26px;
    }
    .it-subtitle{
        font-size: 16px;
    }
    .it-subtitle{
        margin-bottom: 5px;
    }
    .price-brochure-area .info-area ul li a img{
        width: 18px;
        height: 18px;
    }
    .price-brochure-area .row .col-lg-6.right-gap-reduce .info-area ul li.brochure-both-side-padding{
        padding-top: 12px;
        padding-bottom: 13px;
    }
    .price-brochure-area .row .col-lg-6.left-gap-reduce .info-area ul li.both-side-reduce{
        padding-top: 16px;
        padding-bottom: 2px;
    }
    .price-brochure-area .info-area ul li a{
        font-size: 17px;
    }
    .banner-area .swiper-wrapper .swiper-slide .caption-banner{
        padding: 16px 15px 21px 20px;
    }
    .banner-area .swiper-wrapper .swiper-slide .caption-banner .button-area .thm-btn{
        font-size: 13px !important;
        line-height: 37px;
    }
    .banner-area .swiper-wrapper .swiper-slide .caption-banner p{
        margin-bottom: 10px;
    }
    .banner-area .swiper-wrapper .swiper-slide .caption-banner h3{
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 4px;
    }
    .overlay .content-area .social-media ul{
        align-items: center;
        margin-top: 6px;
    }
    .overlay .content-area .social-media ul li a i{
        font-size: 14px;
    }
    .jcb-landing-new-home-article .content-area h4 a{
        font-size: 17px;
        line-height: 29px;
    }
    .overlay{
        padding: 10px 15px 7px 15px;
    }
    .jcb-landing-new-home-article .pic-area img{
        height: 235px;
    }
    .footer-one__bottom-left .social-links ul li{
        margin-bottom: 12px;
        margin-right: 3px;
    }
    .footer-one__bottom-inner{
        align-items: baseline;
    }
    .one h1{
        font-size: 26px;
    }
    .horizontal-timeline-area{
        margin-top: 0;
        padding-top: 0;
    }
    .about-us-wrapper{
        padding-top: 22px;
    }
    .landing-top-bg-area{
        padding-bottom: 0;
    }
    .banner-area .swiper-wrapper .swiper-slide .caption-banner{
        left: 40%;
    }
    .landing-top-bg-area h3{
        font-size: 34px;
    }
    .main-slider-one__content .text p {
        font-size: 16px;
    }
    .main-slider-one__content .title h2 {
        font-size: 45px;
    }
    .main-slider-one.style2 .main-slider-one__content {
        padding-left: 80px;
    }
    .main-slider-one.style2 .shape2 {
        display: none;
    }
    .main-slider-one {
        margin-top: 0px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .banner-area .swiper-wrapper .swiper-slide .caption-banner {
        left: 40%;
    }
    .landing-top-bg-area p.small-content {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .landing-top-bg-area h3 {
        font-size: 34px;
    }
}