@media (max-width: 1800px){
    .banner__cont {
        padding: 0 6% 0 16%;
    }
    .inner__cont {
        padding: 35px 20px;
    }
    .testimonial__section .swiper-slide.swiper-slide-active .inner__cont{
        padding: 40px 50px;
    }
}
@media (max-width: 1700px){
    .banner__cont {
        padding: 0 5% 0 14%;
    }
}
@media (max-width: 1600px){
    .banner__cont {
        padding: 0 5% 0 12%;
    }
}
@media (max-width: 1500px){
    .banner__cont {
        padding: 0 5% 0 9%;
    }
    h1 {
        font-size: 40px;
        line-height: 45px;
    }
}
@media (max-width: 1400px){
    .banner__cont {
        padding: 0 3% 0 3%;
    }
    .testimonial__section .swiper-slide.swiper-slide-active .inner__cont{
        padding: 40px 30px;
    }
    .inner__cont {
        padding: 15px 20px;
    }
    .showcase__inner.js-showcase {
        padding-left: 1.5rem;
    }
}
@media (max-width: 1100px){
    h1 {
        font-size: 30px;
        line-height: 35px;
    }
    h2 {
        font-size: 18px;
    }
    .cont-img {
        margin: 0 auto 20px;
    }
    .cont-text {
        margin: 0;
    }
    .inner__cont {
        flex-wrap: wrap;
        text-align: center;
    }
    .tab__section {
        padding: 50px 0;
    }
    .call-section {
        position: relative;
        z-index: -1;
    }
    .testimonial__section {
        padding: 0px 0;
    }
}
@media (max-width: 992px) {
    .banner__text {
        text-align: center;
        margin-bottom: 50px;
    }
    .banner__section {
        padding: 30px 0;
    }
    .app-text {
        padding: 50px 20px 0;
        text-align: center;
    }
    .app__section {
        padding: 200px 0 120px 0;
    }
    .showcase {
        padding: 100px 0 50px 0;
    }
    .tab__upper {
        padding: 60px 0 50px 0;
        border-radius: 0;
    }
    .blog__cont {
        margin-bottom: 25px;
    }
    .form-img {
        margin-bottom: 50px;
    }
    .lets__talk {
        margin-bottom: 50px;
    }
    .footer__logo a {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .footer-nav ul {
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .copyright {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .footer-nav ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-nav ul li {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-nav ul li:last-child{
        margin-bottom: 0;
    }
    .banner__cont .row{
        margin-right: 0;
        margin-left: 0;
    }
    .tabs__cont .nav-tabs .nav-item {
        margin-bottom: 0;
        width: 100%;
        text-align: center;
    }
    .tab-text {
        padding-right: 0;
        text-align: center;
        margin-bottom: 30px;
    }
    .call-button {
        flex-wrap: wrap;
    }
    .form__cont {
        padding: 40px 30px;
    }
    .lets__talk input.field {
        width: 100%;
    }
    .lets__talk textarea.field {
        width: 100%;
    }
    .header .col-md-8{
        position: static;
    }
    .navigation {
        display: flex;
        align-items: flex-start;
        position: fixed;
        top: 0;
        right: -100%;
        transition: .5s;
        background: #4b6273;
        flex-flow: column;
        width: 100%;
        height: 100%;
        flex-wrap: wrap;
        z-index: 3;
        padding: 60px 0px;
    }
    .navigation.active{
        right: 0;
    }
    .navigation ul {
        margin-left: 0;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 15px;
    }
    .navigation ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .navigation ul li a{
        color: #fff;
    }
    .head__button {
        width: 100%;
    }
    .head__button a span{
        font-weight: bold;
    }
    .toggle-menu {
            display: block;
    }
}