/*============================================================================================*/
/* Your responsive styles below */
/*============================================================================================*/
@media all and (max-width: 991px) {
    .testimonial_section .about_content {
      padding-right: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
      width: 200% !important;
    }
    .testimonial_section .testimonial_box {
      margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
      width: 200% !important;
      margin-left: -200px;
    }
    .testimonial_section .testimonial_box .about_content {
      padding-left: 15px !important;
      padding-right: 15px !important;
      margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
      margin-left: -15px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
      margin: 0px 0 20px 0;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
      margin-left: -36px !important;
    }
}
@media only screen and (max-width: 1240px){
    .common-services-item .place-right {
        padding-right: 25px;
    }
    .common-services-item .place-left {
        padding-left: 25px;
    }
    .common-services-item .place-left .services-icon {
        margin-right: 20px;
    }
    .common-services-item .place-right .services-icon {
        margin-left: 20px;
    }
}
@media only screen and (max-width: 1024px){
    .services-icon {
        width: 130px;
        height: 130px;
    }
}
@media only screen and (max-width: 991px){
    .common-services-item .services-icon{
        float: none !important;
    }
    .common-services-item .place-right .common-services-text, .common-services-item .place-left .common-services-text {
        width: 100%;
        margin: 0 auto;
        text-align: center !important;
        padding: 0;
    }
    .common-services-item .services-icon {
        margin: 0 auto !important;
        margin-bottom: 20px !important;
    }
    .commom-reasons-content {
        background: none;
    }
    .common-services-item {
        padding: 0;
        padding-top: 15px;
    }
    .who-we-section .container {
        max-width: initial;
    }
    .hamburger{
        position: absolute;
        right: 10px;
        top: 14px;
    }
    .hamburger.is-active{
        position: fixed;
        right: unset;
        top: 13px;
    }
    header.header {
        padding: 25px !important;
    }
    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
        background-color: #218bcb !important;
    }
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before{
        background-color: #000 !important;
    }
    ul.mm-listview li a {
        color: #fff;
    }
    .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar>*, .mm-menu.mm-theme-dark em.mm-counter {
        color: #fff;
    }
    .mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
        border-color: #fff;
    }
    .testimonial_img {
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {
        padding-top: 26px;
    }
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-top: 90px;
    }
    .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev, .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next{
        top: 210px;
    }
}
@media only screen and (max-width: 767px){
    .common-services-text h2 {
        font-size: 25px;
    }
    .services-icon {
        width: 100px;
        height: 100px;
    }
    p{
        font-size: 14px !important;
    }
    .app-and-software-section img {
        width: 20rem;
    }
    .app-and-software-section .row.text-left.text-white {
        text-align: center !important;
    }
    .who-we-img.mt-auto img {
        width: 300px !important;
        margin: 0 auto !important;
        display: block;
    }
    .why-choose-img img {
        width: 200px !important;
        margin: 0 auto !important;
        display: block;
    }
    .who-we-img{
        text-align: center;
    }
    .who-we-container .d-flex, .why-choose-img.d-flex{
        display: block !important;
    }
    .carousel-caption h2 {
        font-size: 50px;
    }
    .carousel-caption p.lead {
        font-size: 16px !important;
    }
    .common-services-item .place-right, .common-services-item .place-left {
        padding: 0 15px !important;
    }
    .testimonial_img {
        width: 8rem;
        height: 8rem;
        border: 6px solid #fff;
        top: 17px;
    }
    .login-block {
        float: none !important;
        width: 90% !important;
        margin: 0 auto !important;
        padding: 30px 0 !important;
    }
}
@media only screen and (max-width: 425px){
    .who-we-img.mt-auto img {
        width: 150px !important;
    }
    .why-choose-img img {
        width: 100px !important;
    }
    .heading-line {
        font-size: 30px;
    }
    section h4{
        font-size: 20px;
    }
    .app-and-software-section img {
        width: 12rem;
    }
    .carousel-caption h2 {
        font-size: 40px;
    }
    .carousel-caption p.lead {
        font-size: 15px !important;
    }
    .testimonial_section .about_content .layer_content .section_title h2 {
        font-size: 30px;
        line-height: 35px;
    }
}
@media only screen and (max-width: 375px){
    .carousel-caption h2 {
        font-size: 30px;
    }
    .banner-btn, .testimonial-btn {
        font-size: 14px;
    }
}