@media only screen and (min-width: 1200px) {
    .l-r-f {
        display: flex;
    }
}

@media only screen and (max-width: 1200px) {
   
    .test-box{
        padding: 20px;
    }
    
    .testi-cnt p{
        min-height: 200px;
    }
    
    .bgimage {
        padding: 150px 0;
    
    }
    
}

@media only screen and (max-width: 1024px) {
    .l-r-f {
        display: inline-flex;
        float: right;
    }

   .bgimage {
    padding: 100px 0;
    
}


    .bgimage-sec{
        margin-bottom: 0;
        height: auto;
    }
     
    
    .box-content{
        position: relative;
        bottom: auto;
        right: auto;
        max-width: 100%;
        box-shadow: none;
    }
   
    .contact-right h2 a{
        font-size: 25px;
        line-height: 30px;
    }
    
    .testi-cnt h3{
         font-size: 16px;
        line-height: 24px;
    }
    
    .bold-heading{
        font-size: 25px;
        line-height: 30px;
    }
    
    .single-card {
        padding: 30px;
    
    }
    
     label{
        font-size: 14px;
    }
    
    .contact-form{
        padding: 0 10px;
    }
    
     .contact-right {
        margin-top: 30px;
    }
    

}


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

    

    .myinput1 {
        margin-right: 49px;
    }

    .myinput2 {
        margin-right: 12px;
    }
    
    .contact-right{
        padding: 40px 20px;
    }
    
    .bor{
        border: 0;
    }
    
    
    .speed-btm ul{
       display: block;
    }
    
    .speed-btm ul li{
       display: block;
       margin-bottom: 10px;
    }
    
     .speed-top ul{
       display: block;
    }
    
    .speed-top ul li{
       display: block;
       margin-bottom: 30px;
    }
    
    .plan-tag{
        right: 0;
    }
    
   
    
    .testi-content{
        padding: 30px 0;
    }
    
    .main-card{
        margin-bottom: 60px;
    }
    
    .main-card .card-top{
        margin-bottom: 15px;
    }
    
    .testimonial{
        padding-bottom: 0;
    }
    
    
    
    
   
}


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


  

    .banner-text {
        margin-top: 10%;
    }

    .bgimage h2 {
        font-weight: 900;
        font-size: 27px;
        margin-bottom: 0;
    }

    .bgimage h5 {
        font-size: 16px;
    }

    .common-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .l-r-f {
        display: block;
        float: none;
    }

    .channel-box {
        border: 1px solid #ccc;
        width: 100%;
        height: auto;
        padding: 5px;
        text-align: center;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .groupp {
        text-align: center;
        margin-bottom: 21px;
    }

    .groupp img {
        margin-bottom: 15px;
    }

    .left-txt {
        text-align: center;
    }

    .bor {
        border-right: none;
    }

    .right-txt {
        text-align: center;
        margin-top: 20px;
    }

    

   

    .line {
        display: none;
    }

   

    .prev-arrow {
        left: 0%;
    }

    .next-arrow {
        right: 0%;
    }

  

    .boxxx {
        border: 1px solid #ccc;
        padding: 7px 8px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .ckeckimg img {
        position: absolute;
        top: 27%;
    }

    .box-content {
        padding: 50px 15px;
        width: 100%;
    }

    .myinput1 {
        margin-right: 63px;
    }

    .myinput2 {
        margin-right: 14px;
    }

    .contact-main-heading {
        font-weight: 800 !important;
        font-size: 31px !important;
        line-height: 44px;
        color: #000000;
    }

    .contact-sub-heading {
        text-transform: capitalize;
        font-weight: normal;
        font-size: 24px;
        line-height: 41px;
        color: #000000;
    }

    .ml-auto,
    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .round-box {
        position: absolute;
        top: -30px;
        right: 4px;
        text-transform: uppercase;
        border-radius: 50%;
        width: 57px;
        font-weight: 500;
        height: 57px;
        font-size: 8px;
        padding: 19px 0px;
        color: #fff;
    }
    
   
}

@media only screen and (max-width: 375px) {
    .bgimage h2 {
        font-weight: 900;
        font-size: 23px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 320px) {
    .bgimage h2 {
        font-weight: 900;
        font-size: 18px;
        margin-bottom: 0;
    }
}