@media screen and (max-width: 1700px){
    .circle-one{
        right: -350px;
        left: inherit;
    }
    
    .circle-two{
        right: -80px;
        left: inherit;
    }
}

@media screen and (max-width: 1400px){
    .container{
        padding: 15px 30px;
    }
    header .container{
        padding: 15px 40px;
    }
    .carousel-item .images img{
        max-width: 100%;
        width: 100%;
    }
    .carousel-item .images .absolute-left{
        position: absolute;
        top:30px;
        left:80px
    }
    .carousel-item .images .absolute-right{
        position: absolute;
        bottom:30px;
        right:0px
    }
    section.services .container .content{
        justify-content: space-between;
    }
    section.services .container .content .section{
        width: 100%;
        flex-grow: 1;
    }
}

@media screen and (max-width: 1200px){
    header nav ul li{
        color: #304D98;
        font-family: 'Montserrat-Bold';
    }
    header .container .circle{
        display: none;
    }
    header nav ul li.contact{
        border:thin solid #304D98;
    }
    .carousel-item .images img{
        max-width: 100%;
        width:100%;
    }
    section.services{
        margin-top: 100px;
    }
    section.services .container{
        flex-direction: column;
        align-items: flex-start;
    }
    section.services .container .content{
        width: 100%; /*1170px;*/

    }
    section.services .container .absolute-left{
        position: absolute;
        top:100px;
        left: 20px;
    }
    section.services .container .absolute-right{
        position: absolute;
        bottom:-0px;
        right: 20px;
    }
    section.services .container h2{
        margin-bottom: 50px;
    }
    section.solutions .content a{
        width: 48.92857142857143%;
    }
    section.content-details{
        margin-top: 50px;
    }
    section.content-details .tabs ul .title{
        font-size: 20px;
    }
    section.content-details p{
        width: 80%;
    }
}

@media screen and (max-width: 992px){
    .carousel-item .content{
        max-width: 50%; /*530px;*/
        padding: 50px 20px;
    }
    .carousel-item .images{
        width: 50%; /*870px;*/
        min-height: auto;
        height: 100%;
    }
    .carousel-item .images img{
        width: 100%;
    }
    .carousel-item .images .absolute-left{
        position: absolute;
        top:-15px;
        left:0px
    }
    .carousel-item .images .absolute-right{
        position: absolute;
        bottom:-10px;
        right:0px
    }
    header nav .nav-mobile{
        display: block;
    }
    header nav{
        position: relative;
    }
    header nav i{
        font-size: 30px;
        color: #375AB1;
    }
    header nav ul{
        width: 300px;
        visibility: hidden;
        flex-direction: column;
        position: absolute;
        right: 35px;
        top:0px;
        background-color: #fff;
        border-radius: 10px;  
        box-shadow: 0px 2.352px 2.214px 0px rgba(0, 0, 0, 0.02), 0px 5.653px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 10.643px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 18.986px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 35.511px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 85px 80px 0px rgba(0, 0, 0, 0.07);      
        transition: all ease 0.2s;
    }
    header nav ul li{
        width: 100%;
        text-align: center;
        padding: 25px 0px;
    }
    header nav ul li.contact{
        border:none;
    }
    header{
        position: relative;
        z-index: 9999;
    }

    section.content-details .tabs .tab .items .item{
        width: 48.48790322580645%;
        text-align: center;
    }
    section.content-details .tabs .tab .items .item p{
        margin: 0 auto;
    }
    section.content-details .tabs .tab .items .item a{
        margin: 20px auto;
    }
}

@media screen and (max-width: 850px){
    .carousel-item .images{
       display: none;
    }
    .carousel-item .content{
        max-width: 100%; /*530px;*/
        display: table;
        margin: 0 auto;
    }
    .carousel-item .content a{
        display: table;
        background-color:#375AB1;
        color: #fff;
        border-radius: 5px;
        background: #375AB1;
        box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
        padding: 15px 50px;
        transition: background-color ease 0.3s;
    }
    section.services .container .content .section{
        width: 85%;
        min-height: inherit;
        padding: 20px 35px;
        margin:10px auto;
    }
    section.services .container .content{
        flex-wrap: wrap;
        flex-direction: column;
        height: auto;
        max-height: inherit;
    }
    section.services .container .content a{
        width: 100%;
        flex: 0;
    }
    section.services .container .content .section i{
        display: none;
    }
    section.services .container .content .section:hover{
        background-color: transparent;
        box-shadow: none;
    }   
    section.services .container .content .section h3 span{
        display: inline-block;
    }
    section.solutions .content a{
        width: 100%;
    }
    section.content-details .tabs ul{
        flex-direction: column;   
    }
    section.content-details .tabs .tab{
        top:150px;
    }
    section.content-details .tabs ul li{
        border-bottom: 1px solid #C02D5E;
        width: 100%;
        cursor: pointer;
        transition: all ease 0.3s;
    }
    section.content-details .tabs ul .title{
        padding: 15px 0px;
    }
    section.content-details p {
        width: 100%;
    }
    section.content-details .content .iframe{
        width: 100%;
        float: none;
        margin-right: 20px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px){
    section.contact .container{
        flex-direction: column;
    }
    section.contact{
        background-size: cover;
        padding: 50px 0px;
    }
    section.contact .form-container{
        width: 100%;
        margin-bottom: 50px;
    }
    section.contact .content{
        margin-left: 0px;
        text-align: center;
    }
    section.content-details .tabs .tab p{
        width: 100%;
    }
    section.content-details .content .img{
        float: none;
        width: 100%;
        margin: 20px auto;
        display: table;
    }
    section.content-details .content .img img{
        display: table;
        margin: 0 auto;
    }
}

@media screen and (max-width: 576px){
    .carousel-item .content{
        text-align: center;
    }   
    .carousel-item .content a{
        margin: 0 auto;
        width: 100%;
        line-height: 1.4;
    }
    section.services .container .content .section{
        width: 100%;
        min-height: inherit;
        padding: 20px 35px;
        margin:10px auto;
    }
    .circle-one{
        right: -450px;
    }
    section.content-details .tabs .tab .items .item{
        width: 100%;
    }
}