@media (min-width: 1801px) and (max-width: 1920px) {

    .header-right {

        right: -8px;

    }

}

/* large desktop :1700px. */

@media (min-width: 1601px) and (max-width: 1800px) {

    .header-right {

        right: -8px;

    }

    .menu-bg .logo {

        padding-left: 15px;

        transform: translateY(14px);

        width: 110px;

        margin-left: 100px;

    }

    .menu-bg::before {

        width: 410px;

    }

    .case-pos {

        width: 290px;

        height: 19vh;

    }

    .case-content h6 {

        font-size: 16px;

    }

    .case-content a {

        font-size: 16px;

    }

    .case-content p {

        font-size: 18px;

    }

    .menu-bg::after {

        height: 99px;

    }

}





/* large desktop :1700px. */

@media (min-width: 1500px) and (max-width: 1600px) {

    .header-right {

        right: 6px;

    }

    .header-right-wrapper {

        margin-right: 50px;

    }

    .menu-bg .logo {

        padding-left: 15px;

        transform: translateY(10px);

        width: 110px;

        margin-left: 55px;

    }

    .menu-bg::after {

        height: 99px;

    }

    .case-pos {

        width: 236px;

        height: 32vh;

    }

    .case-content h6 {

        font-size: 11px;

    }

    .case-content a {

        font-size: 15px;

    }

    .case-content p {

        font-size: 13px;

    }

    .header-icon {

        margin-right: 83px;

    }

}





/* Normal desktop :1200px. */

@media (min-width: 1201px) and (max-width: 1500px) {

    .header-right {

        right: 75px;

    }

    .menu-bg .logo img {

        width: 94px;

        margin-left: 50px;

        transform: translateY(-7px) !important;

    }

    .menu-bg::after {

        height: 102px !important;

    }

    .hero-info {

        margin-left: 70px;

    }

    .about-us-area {

        padding-bottom: 170px;

    }



    /* .offset-xl-3 {

        margin-left: 21%;

    } */

    .service-area {

        padding-top: 160px;

    }

    .service-box {

        height: 365px;

    }

    .contacts-wrapper {

        height: 400px;

    }



    #fix-width {

        height: 330px;

    }

    .case-pos {

        width: 276px;

        min-height: 32vh;

    }

    .footer-cta-wrapper {

        height: 245px;

    }

    .footer-wrapper {

        margin-left: 20px;

    }

    .footer-logo {

        margin-left: 3em;

    }
    .case-content{
        padding:10px !important;
    }

}





/* Normal desktop :1200px +. */

@media (min-width: 1200px) and (max-width: 1260px) {

}



/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1200px) {

    /* .header-right {

        right: 79px;

    } */

    .menu-bg .logo img {

        width: 92px;

        margin-left: 0px;

    }

    .menu-bg::before {

        height: 140px;

        width: 270px;

    }

    .menu-bg .logo {

        padding-left: 65px;

        transform: translateY(18px);

    }

    .new-logo {

        width: 105px;

    }

    .menu-bg::after {

        height: 100px;

    }

    .about-us-img:after {

        display: none;

    }

    #fix-width {

        height: 25vh;

    }

    .case-pos {

        width: 236px;

        height:32vh;

    }

    .case-content h6 {

        font-size: 11px;

    }

    .case-content a {

        font-size: 15px;

    }

    .case-content p {

        font-size: 13px;

    }

    .client-say-content h4 {

        font-size: 18px;

    }

    .counter-text h2 {

        font-size: 50px;

    }

    .section-title h2 {

        margin-bottom: -38px;

    }

    .inner-address-icon.mb-45 {

        margin-bottom: -15px;

    }

    .contacts-wrapper {

        min-height: 30vh;

    }

    .footer-cta-wrapper {

        min-height: 17vh;

    }

    .footer-logo {

        margin-left: 2em;

    }

    .footer-icon {

        margin-left: 0;

    }

    /* .section-title h2 {

        font-size: 45px;

        margin-bottom: 0;

    }

    .services-text h4 {

        font-size: 18px;

    }

    .service-box {

        padding: 43px 15px 38px;

    }

    .team-text h3 {

        font-size: 20px;

    }

    .team-text {

        margin-right: 40px;

    }

    .footer-cta-text h3 {

        font-size: 24px;

    } */









}





/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {

    #contact-phone {

        display: none;

    }

    .breadcrumb-text.text-center.wrap-inner.mt-100, 

    .breadcrumb-text.text-center.mt-100 {

        margin-top: 140px;

    }

    .menu-bg::before {

        width: 332px;

        height: 135px;

    }

    .menu-bg .logo {

        padding-left: 83px;

    }

    .ab-image {

        margin-left: 90px;

    }

    .about-info {

        margin-left: 110px;

    }

    .contacts-wrapper {

        min-height: 30vh;

    }

    .about-us-img:before {

        right: 26px;

    }

    .about-us-img:after {

        right: -13px;

    }

    .c-v-border {

        left: -35px;

    }

    .c-v-cirlce {

        right: -35px;

    }

    #fix-width {

        height: 25vh;

    }

    .footer-logo {

        width: 30%;

        margin-left: 6.5em;

    }

    .footer-icon {

        margin-top: 50px;

    }

    .footer-icon {

        margin-left: 2.7em;

    }

    .footer-wrapper.mb-30 {

        margin-left: 4em;

    }

    div#tradingview_c0d1b {

        width: 34em;

    }

}





/* small mobile :320px. */

@media (max-width: 767px) {

    #contact-phone {

        display: none;

    }

    .contacts-wrapper {

        min-height: 30vh;

    }

    #fix-width {

        min-height: 34vh;

    }

    #responsive {

        width: 16em;

    }

    .col-xl-3.col-lg-3.col-md-6.responsive {

        width: 16em;

    }

    .service-area {

        padding-top: 100px;

    }

    .footer-icon {

        margin-top: 50px;

    }

     .footer-logo {

        margin-left: 4em;

    } 

    .footer-icon {

        margin-left: 0.8em;

    }

    .footer-title {

        margin-left: 2em;

    }

    .footer-link ul {

        margin-left: 3em;

    }

    /* .footer-wrapper.mb-30 {

        margin-right: 2em;

    } */

    .col-xl-3.col-lg-3.col-md-6 {

        width: 17em;

    }



}



/* Large Mobile :480px. */

@media only screen and (min-width: 550px) and (max-width: 767px) {

    .logo img {

        margin-left: 4px;

    }

.slider-button a.white-btn {

        margin-left: 0;

        margin-top: 15px;

    }

    #fix-width {

        min-height: 26vh;

    }

    #respons {

        width: 16em;

        margin-left: 14px;

    }

    .service-area {

        padding-top: 140px;

    }

    .breadcrumb-text.text-center.wrap-inner.mt-100 {

        margin-top: 150px;

    }

    .breadcrumb-text.text-center.mt-100 {

        margin-top: 150px;

    }

    .section-title {

        text-align: center;

    }

    .section-title h5 {

        margin-top: 30px;

    }

    /* .col-xl-6.col-md-6.mb-45 {

        text-align: center;

    } */

    .about-button.d-md-flex {

        text-align: center;

    }

    .about-us-img:before {

        display: none;

    }

    .about-us-img:after {

        display: none;

    }

    span.c-v-border.bounce-animate {

        display: none;

    }

    span.c-v-cirlce.bounce-animate {

        display: none;

    }

    .service-box {

        height: 25vh;

    }

    .footer-cta-wrapper {

        min-height: 14vh;

    }

    .footer-wrapper.mb-30 {

        margin-right: 0;

    }

    .footer-logo {

        margin-left: 4.4em;

    }

    .footer-icon {

        margin-left: 0.8em;

    }

}

@media only screen and (min-width: 360px) and (max-width: 549px) {

    .logo img {

        margin-left: 5px;

    }

    .hero-info {

        margin-top: 150px;

    }

    .breadcrumb-text.text-center.wrap-inner.mt-100 {

        margin-top: 150px;

    }

    .breadcrumb-text.text-center.mt-100 {

        margin-top: 150px;

    }

    .about-info,

    .about-us-img.pos-rel.mb-30  {

        display: none;

    }

    .ab-image:before {

        height: 290px;

        width: 310px;

    }

    .about-us-img:before {

        display: none;

    }

    .about-us-img:after {

        display: none;

    }

    span.c-v-border.bounce-animate {

        display: none;

    }

    span.c-v-cirlce.bounce-animate {

        display: none;

    }

    .service-area {

        padding-top: 140px;

    }

    .fix-width {

        width: 15.6px;

        height: 18px;

    }

    #respons {

        margin:  0 auto;

    }

    .contact-area.pt-120.pb-100.grey-bg {

        padding-top: 50px;

    }

    .case-pos {

        margin-left: 20px;

    }

    .section-title {

        text-align: center;

    }

    .about-button.d-md-flex {

        text-align: center;

    }

    .service-box {

        height: 30.5vh;

    }

    .video-area { 

        padding-top: 50px;

    }

    .counter-02-area {

        padding-top: 0;

    }

    .counter-text h2 {

        font-size: 45px;

    }

    #fix-width {

        width: 15.6em;

        min-height: 0;

    }

    .team-wrapper {

        width: 70%;

        margin: 0 auto;

    }

    .footer-cta-wrapper {

        min-height: 14vh;

    }

    div#tradingview_c0d1b {

        width: 19em;

        margin: 0 auto;

    }

    #margin-auto {

        margin: 0 auto;

    }

    .col-xl-3.col-lg-3.col-md-6.responsive {

        width: 23em;

    }

    .col-xl-3.col-lg-3.col-md-6 {

        margin: 0 auto;

    }

    #responsive {

        width: 21em;

        margin: 0 auto;

    }

    .footer-logo {

        margin-left: 6em;

    }

    #responsive-1 {

        margin: 0 auto;

    }

    .footer-icon {

        margin-left: 3em;

    }

    .footer-icon a {

        margin-left: 3px;

    }

    .footer-title {

        margin-left: 3em;

    }

    .footer-link ul {

        margin-left: 4.5em;

    }

    #scrollUp {

        right: 20px;

        bottom: 89px;

    }

    .copyright.text-center p {

        font-size: 14px;

    }

}



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

    .mean-container a.meanmenu-reveal {

        top: -9px;

    }

    .mean-container .mean-nav ul li a {

        padding: 13px 5%;

    }

    .about-list ul li {

        padding-left: 0;

    }

    .about-list h4  {

        text-align: center;

    }

    .about-list ul li::before {

        position: absolute;

        left: 0;

        content: "";

        background: #216db7;

        height: 0px;

        width: 0px;

        border-radius: 30px;

        top: 9px;

    }

    .team-text h3 {

        font-size: 22px;

    }

    .team-text span {

        font-size: 14px;

    }

    .contact-text h3 {

        font-size: 21px;

    }

    .about-list ul {

        text-align: center;

    }

    .about-cta span {

        margin-top: 45px;

        margin-bottom: 10px;



    }

    .about-cta h3 {

        margin-bottom: 100px;

    }

    .hero-info {

        margin-top: 150px;

    }

    .menu-bg .logo img {

        max-width: 60px;

    }

    .menu-bg::before {

        width: 90px;

    }

    .breadcrumb-area {

        padding-top: 80px;

        padding-bottom: 60px;

    }

    .c-btn {

        padding: 18px 18px 18px 18px;

    }

    .btn-border {

        padding: 18px 32px 18px 18px;

    }

    #contact-phone {

        display: none;

    }

    .about-us-area {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    .video-area {

        padding-top: 50px;

    }

    .contact-area {

        padding-top: 0;

    }

    .contact-us-area {

        padding-top: 0;

        padding-bottom: 20px;

    }

    .service-area {

        padding-top: 30px;

    }

    .about-us-img:after {

        display: none;

    }

    .ab-image:before {

        width: 270px;

        height: 314px;

    }

    .about-info {

        padding: 15px;

    }

    .white-title h2 {

        margin-top: 50px;

    }

    .about-info h5 {

        font-size: 17px;

    }

    .service-box {

        height: 62vh;

    }

    .service-area {

        padding-bottom: 30px;

    }

    .team-area {

        padding-top: 30px;

    }

    .counter-02-area {

        padding-top: 0;

    }

    .counter-text h2 {

        font-size: 40px;

    }

    .section-title.mb-45 {

        text-align: center;

    }

    .section-title h5 {

        margin-top: 60px;

    }

    .about-button.d-md-flex {

        text-align: center;

    }

    #fix-width {

        width: 18em;

        margin: 0 auto;

        margin-top: 20px;

        height: 36vh;

    }

    .case-content h3 {

        font-size: 20px;

    }

    

    .fix {

        height: 68vh;

    }

    .section-title h5 {

    margin-top: 35px;

    }

    .case-area {

        padding-top: 0;

        padding-bottom: 60px;

    }

    .testimonial-area {

        padding-top: 10px;

        padding-bottom: 20px;

    }

    .team-area {

        padding-bottom: 50px;

    }

    .section-title {

        margin-bottom: 20px;

    }

    .services-icon i {

        display: none;

    }

    .services-text h4 {

        margin-top: 0;

    }

    .testimonial-wrapper::before {

        z-index: -1;

    }

    .footer-cta-wrapper {

        min-height: 14vh;

    }

    #case-pos {

        width: 230px;

    }

    #scrollUp {

        bottom: 10;

    }

    .col-xl-3.col-lg-3.col-md-6.responsive {

        margin: 0 auto;

    }

    #responsive {

        width: 18em;

        margin: 0 auto;

    }

    #footer-logo {

        margin-left: 5em;

    }

    #footer-icon {

        margin-left: 2em;

    }

    #responsive-1 {

        width: 23em;

        margin: 0 auto;

    }

    .footer-title {

        margin-left: 4em;

    }

    .footer-link ul {

        margin-left: 7.6em;

    } 

     div#tradingview_c0d1b {

        width: 16.5em;

        margin: 0 auto;

    }

    h3#aapl {

        margin-left: 15px;

    }

    .copyright.text-center p {

        font-size: 12.8px;

    }

    #scrollUp {

        right: 10px;

        bottom: 85px;

    }

}

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

    /* #responsive-1 {

        width: 23em;

    } */

    /* .footer-logo {

        margin-left: 7.5em;

    }

    .footer-icon {

        margin-left: 5em;

    }

    .footer-title {

        margin-left: 5.3em;

    }

    .footer-link ul {

        margin-left: 8em;

    } */

    /* div#tradingview_c0d1b {

        width: 22em;

    } */

}