@media (min-width:1200px) and (max-width:1380px){
    header {
        background: url(../images/header-round-shape.svg) no-repeat left -200px top;
     
    }
    }


@media screen and (max-width:1024px) and (min-width:993px){
    .steps-view {margin: 40px -15px;}  
    .form-section {
        margin-top: 0;
    }
    header {
        padding: var(--v15) 0;
        background:#fff;
        min-height: auto;
        position: static;
    }
    .main-banner {
        background: #ffefd9 !important;
        min-height: auto;
        position: relative;
        padding: 100px 15px 200px;
        color: var(--white);
        font-size: var(--v20);
    }
}





@media screen and (max-width:992px) and (min-width:768px){
.booking-form{max-width:100%;float: none;margin:35px 0}
.logo-slider{padding:0px;margin:30px 0px;}
.logo-slider.owl-carousel .owl-nav button.owl-prev{left:-40px}
.our-exp{padding:30px}
.yellow-logo{text-align: center;padding-bottom:45px;}
.doknow {padding: var(--v40) 0;}
.database-box{margin-bottom: 35px;}
.portfolio-slider .owl-nav button.owl-next{right: 0;}
.portfolio-slider .owl-nav button.owl-prev{left:0}
.steps-view {margin: 40px -15px;}
.step-box img{max-width:80px;}
.step{font-size:70px;}
.steps p{margin:0px;}
.framework-list{margin-top:50px;}
.form-section {
    margin-top: 0;
}
header {
    padding: var(--v15) 0;
    background:#fff;
    min-height: auto;
    position: static;
}
.main-banner {
    background: #ffefd9 !important;
    min-height: auto;
    position: relative;
    padding: 100px 15px 200px;
    color: var(--white);
    font-size: var(--v20);
}
.caption-list ul li {
    width: 49%;
    display: inline-block;
}
.need-talk h2 span {
    font-size: 30px;
}


}

@media screen and (max-width:767px){
    h2{font-size:30px}
    .steps-view {margin: 40px -15px;} 
    .main-banner h1{font-size: 40px;}
    .hire-rate{font-size:20px;text-align: left;padding:15px 0 0}
    .booking-form{max-width:100%;float: none;margin:35px 0;padding:15px;}
    .client-served { padding: var(--v50) 0 0; }
    .logo-slider{padding:0px 0px;margin:0px 0px 30px;}
.logo-slider.owl-carousel .owl-nav button.owl-prev{left:0px}
.logo-slider.owl-carousel .owl-nav button.owl-next{right:0px}
.webdev-python{padding:0px; overflow: hidden;}
.our-exp{padding:50px 15px;}
.yellow-logo{padding-bottom: 35px;text-align: center;}
.yellow-logo img{max-width: 200px;}
.btn{padding:15px 20px}
.database-logo {margin:35px 0 0;}
.database-logo .logo-box { width: calc(47% - 0px); margin: var(--v5);}
.python-feature h2{font-size:25px;}
.portfolio-slider .owl-nav button.owl-next{right: 0;}
.portfolio-slider .owl-nav button.owl-prev{left:0}
.portfolio-slider {padding:0 50px}
.steps-view{display: none;}
.step{font-size:50px; min-width: 78px;}
.steps p{margin:0px;}
.logo-box{width:48%}
.framework-list{margin:0px 0}
.mob-reverse{flex-direction: column-reverse;}
.circle-spin{margin-bottom:50px;}
.why-choose ul{flex-wrap: wrap;}
.why-choose ul li{width:50%;margin-bottom:25px;}
.award-list{margin-top:30px}
.review-box {background: rgba(195,209,255,0.5 ) url(../images/blockquote.png) 10px 10px no-repeat;padding: 20px 50px;background-size: 30px;}
.spiner-logo{max-width: 125px;}
.site-logo{text-align: center;}
.cmmi-logo{padding:15px 0;text-align: center;}
header {
    padding: var(--v15) 0;
    background:#fff;
    min-height: auto;
    position: static;
}
.main-banner {
    background: #ffefd9 !important;
    min-height: auto;
    position: relative;
    padding: 100px 15px 200px;
    color: var(--white);
    font-size: var(--v20);
}
.form-section {
    margin-top: 0;
}
.logo-column-6 .logo-box {
    width: 48%;
}
.need-talk h2 span {
    font-size: 30px;
}
.concreate-development:before {
	content:"";
    display: none;
}
.innerbanner-development-sectionbg {
    padding: 50px 0;
}
}