/* Normal desktop :1200px. */
@media (min-width: 1400px) {


}


/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1399px) {
    .container_wrapper {
        padding: 0px 80px 0px;
        width: 100%;
    }

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container_wrapper {
        padding: 0px 50px 0px;
        width: 100%;
    }

    .main-banner {
        height: 950px;
    }

    .main-banner .banner-image .shape-1 {
        left: -19%;
        bottom: -8%;
    }

    .main-banner .banner-image .shape-2 {
        right: 7%;
        bottom: -6%;
    }

    .main-banner .banner-image .shape-3 {
        left: -11%;
        top: 38%;
    }

    .main-banner .banner-image .shape-4 {
        right: 0%;
        top: 47%;
    }

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .container_wrapper {
        padding: 0px 80px 0px;
        width: 100%;
    }
    
    .navbar-toggler-icon,
    .navbar-nav .nav-item .nav-link {
        color: #2b2a35;
    }
    
    .navbar-nav {
        margin-right: 0;
    }
    
    .navbar-light .navbar-toggler {
        color: #222;
        border-color: #222;
        outline: 0 !important;
        border-radius: 0;
        padding: 0;
        border: 0;
    }

    .main-banner {
        height: 820px;
    }

    .main-banner .banner-image .shape-1 {
        left: -34%;
        bottom: -12%;
    }

    .main-banner .banner-image .shape-2 {
        right: 7%;
        bottom: -8%;
    }

    .main-banner .banner-image .shape-3 {
        left: -24%;
        top: 47%;
    }

    .main-banner .banner-image .shape-4 {
        right: -6%;
        top: 50%;
    }

}

 
/* small mobile :320px. */
@media (max-width: 767.98px) {
    
    .container_wrapper {
        padding: 0px 30px 0px;
        width: 100%;
    }
    
    .navbar-toggler-icon,
    .navbar-nav .nav-item .nav-link {
        color: #2b2a35;
    }
    
    .navbar-nav {
        margin-right: 0;
    }
    
    .navbar-light .navbar-toggler {
        color: #222;
        border-color: #222;
        outline: 0 !important;
        border-radius: 0;
        padding: 0;
        border: 0;
    }

    .main-banner {
        height: 680px;
    }

    .main-banner .banner-image {
        padding-top: 50px;
    }

    .main-banner .banner-image .image .text-img {
        width: 420px;
    }

    .main-banner .banner-image .shape-1 {
        left: -25%;
        bottom: -11%;
    }

    .main-banner .banner-image .shape-1 img {
        width: 190px;
    }

    .main-banner .banner-image .shape-2 {
        right: 13%;
        bottom: -9%;
    }

    .main-banner .banner-image .shape-2 img {
        width: 190px;
    }

    .main-banner .banner-image .shape-3 {
        left: -20%;
    }

    .main-banner .banner-image .shape-3 img {
        width: 180px;
    }

    .main-banner .banner-image .shape-4 {
        right: -5%;
    }

}
 
/* Large Mobile :480px. */
@media only screen and  (max-width: 575.98px) {

    .main-banner {
        height: 610px;
    }

    .main-banner .banner-image .shape-1 {
        left: -27%;
        bottom: -12%;
    }

    .main-banner .banner-image .shape-1 img {
        width: 150px;
    }

    .main-banner .banner-image .shape-2 {
        right: 12%;
        bottom: -10%;
    }

    .main-banner .banner-image .shape-2 img {
        width: 155px;
    }

    .main-banner .banner-image .shape-3 {
        left: -24%;
    }

    .main-banner .banner-image .shape-3 img {
        width: 150px;
    }

    .main-banner .banner-image .shape-4 {
        right: -6%;
    }
 
}