@media(max-width:1740px){
    .ct_banner:before {
        background-position: center bottom;
    }
    .ct_boy_left {
        left: -3%;
        width: 300px;
    }
    .ct_girl_right {
        right: -5%;
        width: 300px;
    }
    .ct_more_feature_img4 {
        width: 60%;
        top: 20%;
    }
    .ct_more_feature_img1, .ct_feature_fixed_img1 {
        width: 380px;
    }
    .ct_more_feature_img2 {
        width: 280px;
    }
    .ct_more_feature_img5 {
        width: 300px;
    }
    .ct_header_right {
        top: 0;
        width: 440px;
    }
    .ct_feature_fixed_img2 {
        width: 35%;
    }
    .ct_innerfixed_4 {
        width: 35%;
    }
    .ct_innerfixed_2,.ct_innerfixed_3 {
        width: 280px;
    }
}

@media(max-width:1440px){
.ct_boy_left {
    top: -10.5%;
    width: 250px;
}
.ct_girl_right {
    position: absolute;
    top: -12%;
    width: 240px;
}
}
@media(max-width:1200px){
    div#ct_banner_move{
        background-image: url(../images/banner/banner_bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100%;
    }
    div#ct_banner_move ul.ct_movingimage_holder{
        display: none;
    }
    .ct_innerpage .ct_screen_holder {
        height: 400px;
    }
    .ct_screen_scroll .ct_btn {
        line-height: 48px;
        padding: 0px 50px;
    }
    .ct_innerfixed_1, .ct_innerfixed_3 {
        width: 25%;
    }   
    .ct_innerfixed_2 {
        width: 23%;
        top: 50%;
    }
    .ct_innerfixed_4 {
        width: 35%;
        top: 45%;
    }
    .ct_feature_fixed_img1 {
        width: 30%;
    }  
    .ct_feature_fixed_img2{
        width: 40%;
    }  
    .ct_feature_fixed_img3{
        width: 20%;
    }  
    .ct_feature_fixed_img4 {
        width: 20%;
    } 
    .ct_textfont_dv h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .ct_lb_title {
        padding-left: 15px;
        margin-top: 35px;
        margin-bottom: 35px;
        font-size: 22px;
    }
    .ct_textfont_dv h2 {
        font-size: 44px;
    }
    .ct_source_font ul li {
        padding: 0 25px 0 0;
    }
    .ct_header_right {
        top: 0;
        width: 35%;
    }
    .ct_header_bottom, .ct_more_feature_img1 {
        width: 30%;
    }
    .ct_more_feature_img2 {
        width: 180px;
    }
    .ct_more_feature_img5 {
        right: -4%;
        width: 25%;
    }
    .ct_more_feature_img4 {
        width: 60%;
        top: 18%;
    }
    .ct_more_feature_img3 {
        width: 20%;
        top: 59%;
    }
    .ct_btn_yellow {
        right: -40px;
        width: 200px;
    }
}
@media(max-width:991px){
    .ct_boy_left {
        width: 250px;
        top: -4%;
        left: -4%;
    }
    .ct_girl_right {
        top: -4%;
        right: -7%;
        width: 210px;
    }
    .ct_banner_heading {
        font-size: 34px;
        line-height: 38px;
    }
    .ct_banner_text {
        font-size: 18px;
        line-height: 24px;
    }
    .ct_moving_screens {
        max-width: 80%;
        margin: auto;
    }
    .ct_screen1, .ct_screen2, .ct_screen3, .ct_screen4 {
        width: 120px;
    }
    #ct_banner_move {
        background-size: 100%;
    }
    .ct_feature_fixed_img1 {
        width: 300px;
    }
    .ct_feature_icon p {
        top: 30px;
        line-height: normal;
    }
    .ct_device.ct_comman_device {
        width: 45%;
        margin: auto;
    }
    .ct_device2.ct_comman_device {
        width: 35%;
        bottom: 6%;
    }
    .ct_device3.ct_comman_device {
        width: 15%;
        bottom: 10%;
    }
    .ct_device4.ct_comman_device {
        width: 8%;
        bottom: 6%;
    }
    .ct_circle_dv {
        padding: 100px 0 50px;
        margin-top: 20px;
    }
    .ct_circle_dv:before {
        height: 720px;
    }
    .ct_slick_img {
        padding: 10px;
    }
    .ct_btn_yellow {
        right: 0;
        left: 0;
    }
    img.ct_coffee_bag {
        width: 320px;
        margin: 0px auto 0;
    }
    .ct_installation_section {
        padding: 50px 0;
    }
    .ct_gray_box {
        padding: 20px;
        margin-top: 30px;
    }
    .ct_header_holder {
        margin-bottom: 10px;
    }
    .ct_full_width {
        margin-top: 30px;
    }
    .ct_footer_styles, .ct_headerstyle, .ct_features, .ct_innerpage, .ct_bg_homepage, .ct_alldevice {
        padding-top: 130px;
        padding-bottom: 50px;
    }
    .ct_gray_verticl_line {
        height: 65px;
    }
    .ct_gray_verticl_line span {
        width: 40px;
        height: 40px;
        font-size: 16px;
        padding: 0px 0;
        left: -18px;
    }
    .ct_textfont_dv {
        margin-top: 50px;
    }
}

@media(max-width:768px){
    .ct_screen1, .ct_screen2, .ct_screen3, .ct_screen4 {
        width: 90px;
    }
    .ct_mobile_banner{
        display: block;
        position: absolute;
    }
    #ct_banner_move {
        padding: 65px 0 27%;
    }
    .ct_innerfixed_1, .ct_innerfixed_2, .ct_innerfixed_3, .ct_innerfixed_4, .ct_circle_dv, .ct_moving_screens, .ct_boy_left, .ct_girl_right, .ct_sliding_img {
        display: none;
    }
    .ct_feature_icon > img {
        bottom: 20px;
    }
    .ct_alldevice {
        padding-bottom: 0px;
    }
    .ct_installation_section{
        padding: 50px 0;
    }
    .ct_feature_fixed_img1 {
        width: 40%;
    }
    .ct_screen_scroll {
        margin-top: 30px;
    }
    .heading_title {
        font-size: 26px;
    }
    .ct_screen_scroll {
        max-width: 500px;
        margin: 40px auto 0;
    }   
    .ct_mobile_device, .ct_mobile_slides{
        display: block;
    }
    .ct_alldevice, .ct_bg_homepage:before {
        background-size: cover;
    }
    .ct_header_holder {
        margin-bottom: 5px;
    }
    .ct_gray_box {
        padding: 20px;
        margin-top: 30px;
        border-radius: 10px;
    }
    .ct_installation_text {
        height: auto;
    }
}
@media(max-width:585px){
    .ct_gray_box {
        padding: 20px;
        margin-top: 30px;
        border-radius: 10px;
    }
    .ct_header_holder {
        margin-bottom: 5px;
        line-height: normal;
    }
    .ct_sliding_img {
        min-height: 350px;
    }
    .ct_more_feature_img4 {
        width: 70%;
    }
    .ct_more_feature_img3 {
        width: 160px;
        top: 8%;
    }
    .ct_header_right, .ct_header_bottom, .ct_more_feature_img1 {
        width: 240px;
    }
    .ct_more_feature_img2 {
        width: 155px;
        bottom: 12%;
        left: 0;
    }
    .ct_more_feature_img5 {
        right: -6%;
        width: 180px;
    }
    .ct_screen_holder {
        height: 500px;
    }
}

@media(max-width:420px){
    .ct_more_feature_img2 {
        width: 110px;
        left: 0;
    }
    .ct_feature_fixed_img4 {
        top: 58%;
    }
    .ct_mark_color:nth-child(2)::before, .ct_mark_color:nth-child(5)::before {
        left: 0;
    }
    .ct_mark_color:nth-child(3)::before, .ct_mark_color:nth-child(6)::before {
        right: 6px;
        left: 0px;
    }
    .ct_color_icon span {
        margin-bottom: 30px;
    }
    .ct_header_right {
        left: -28%;
    }
    .ct_header_bottom {
        right: -35%;
    }
    .ct_more_feature_img1 {
        left: -30%;
    }
    .ct_mark_color.ct_white_bg svg {
        top: -30px;
        right: -24px;
    }
    .ct_mark_color.ct_white_bg span {
        bottom: 28px;
        left: -6px;
    }
}