#banner-product{
    background-image: url("../assets/img/denim-back.png");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

#background-banner {
    width: 100%;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

#background-banner video {
    position: absolute;
    left: 50%;
    top: 50%;
    /* The following will size the video to fit the full container. Not necessary, just nice.*/
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}

/*#background-banner div {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

.flex-centering{
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-shirt{
    color: #184186;
    font-weight: bold;
}

.image-desc{
    color: #666666;
    font-size: 14px;
}

.wear-shirt-p1, .wear-shirt-p2{
    font-size: 106px;
}

.wear-shirt-p3{
    color: white;
    font-size: 18px;
    margin-top: 200px;
    text-align: right
}

.shirt-absolute{
    position: absolute;
    margin-top: -235px;
    right: 0;
}

@media (max-width: 1276px) {
    .wear-shirt-p3{
        margin-top: 300px;
    }
}

@media (max-width: 1100px) {
    .wear-shirt-p1, .wear-shirt-p2{
        font-size: 90px;
    }
}
@media (max-width: 920px) {
    .wear-shirt-p1, .wear-shirt-p2{
        font-size: 70px;
    }
    .wear-shirt-p2{
        margin-top: 40px;
    }
    .wear-shirt-p3{
        margin-top: 80px;
    }
    .shirt-absolute{
        margin-top: -200px;
    }
}

@media (max-width: 868px) {
    .wear-shirt-p3{
        margin-top: 150px;
    }
}
@media (max-width: 768px) {
    .wear-shirt-p3{
        margin-top: 80px;
    }
}
/*@media (max-width: 608px) {*/
/*    .wear-shirt-p1, .wear-shirt-p2{*/
/*        font-size: 20px;*/
/*    }*/
/*}*/



.wear-shirt-p1{
    color: #0db1d8;
}

.wear-shirt-p2{
    line-height: 1.11;
    color: white;
}
.about-section{
   background: #f3f7f8;
}

.about-eco-para{
    font-size: 20px;
    color: #666666;
}

.about-eco-par2{
    color: #95989a;
}

.btn-padding{
    font-size: 12px;
    font-weight: bold;
    padding: 14px 20px;
}
.btn-home-about{
    color: #0db1d8;
    background: white;
    font-size: 12px;
    font-weight: bold;
    padding: 16px 50px;
}
.btn-home-about:hover{
    color: #0db1d8;
}

.btn-padding-home{
    font-size: 12px;
    font-weight: bold;
    padding: 16px 30px;
}

.btn-padding-view{
    font-size: 12px;
    padding: 20px 40px;
}

.btn-absolute{
    position: absolute;
    bottom: 50px;
    right: 150px;
}
.btn-abs-center{
    /*position: absolute;*/
    /*bottom: 20px;*/
    padding-top: 30px;
}
.btn-banner-bottom{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.btn-banner-center{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

.collection-heading{
    font-size: 91px;
    color: #90bece;
    line-height: 1;
}
@media (max-width: 1200px) {
    .collection-heading{
        font-size: 60px;
    }
}@media (max-width: 992px) {
    .collection-heading{
        font-size: 40px;
    }
}@media (max-width: 768px) {
    .collection-heading{
        font-size: 20px;
    }
}

.collection-para{
    font-size: 18px;
    color: #90bece;
    font-weight: normal;
}

.accord-text{
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 1.71;
    padding: 10px 15px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.accord-text:hover{
    background-color: rgba(23, 119, 154, 0.47);
    color: white;
    transition: all 0.05s ease-in-out;
}


.footer-text-1{
    font-size: 14px;
    color: white;
}

@media (min-width: 768px) {
    .footer-text-1{
        text-align: left !important;
    }
    .width-shirt{
        width: 90% !important;
    }

}

@media (max-width: 768px) {
    .footer-text-1{
        margin-top: 20px;
    }
    .width-shirt{
        width: 100% !important;
    }
}

.footer-rights{
    font-size: 14px;
    color: white;
    text-align: left !important;
}

.footer-text-bold{
    font-weight: bold;
}

.margin-accordion{
    margin: 0 20px;
}

.filter-accord{
    color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    margin-bottom: 40px;
}

.accord-section{
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    padding: 40px 25px;
}

.tag-filter{
    border: 1px solid #17779a;
    display: flex;
    padding-right: 20px ;
    padding-left: 20px;
    height: 38px;
    align-items: center;
    color: #17779a;
    border-radius: 3px;
}
.tag-margin{
    margin-right: 16px;
}

.btn-searching{
    color: #fff;
    background-color: #17779a;
    border-color: #17779a;
}

.shirt-card{
   background-color: #f5f5f5;
    padding: 90px;
}

.card-col{
    font-size: 19px;
    font-weight: 800;
    color: black;
}

.more-info-here{
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-left: 45px;
    z-index: 10;
}

.more-info-here-blog{
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-left: 45px;
    z-index: 10;
}

.more-info-here-portfolio{
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 6px;
    padding-left: 45px;
    z-index: 10;
}

.more-info-here-2{
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 0px;
    padding-left: 45px;
    z-index: 10;
}

.more-info-text{
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    font-size: 12px !important;
}

.more-info-text-blog{
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    font-size: 23px !important;
    margin-top: 25px;
}

.more-info-text-transparent{
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    font-size: 16px !important;
}

.more-info-text-portfolio{
    font-weight: bold;
    font-size: 25px !important;
}

.more-info-center{
    display: flex;
    justify-content: center;
}
.more-info-end{
    display: flex;
    justify-content: end;
}

.more-info-absolute-portfolio{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 20px; top: 0;
    z-index: -1;
    background-color: rgba(255,255,255,0.5);
    border-radius: 30px;
}
.more-info-absolute-blog{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 20px; top: 0;
    z-index: -1;
    background-color: #d4f834;
    border-radius: 30px;
}

.more-info-absolute{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 20px; top: 0;
    z-index: -1;
    background-color: white;
    border-radius: 30px;
}

.more-info-absolute-blog{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 20px; top: 0;
    z-index: -1;
    background-color: #D4F834;
    border-radius: 50%;
}
.more-info-absolute-transparent{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 20px; top: 0;
    z-index: -1;
    background-color: #e2e8ea;
    border-radius: 30px;
}
.more-info-absolute-transparent2{
    position: absolute;
    width: 25px;
    height: 25px;
    left: 30px; top: 0;
    z-index: -1;
    background-color: #e2e8ea;
    border-radius: 30px;
}

.more-info-real-circle{
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative
}
.more-info-real-content{
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.more-info-about-left{
    left: 25px;
}
.more-info-product-left{
    left: 15px;
}
.more-info-real-icon{
    display: flex;
    align-items: center;
}
.more-info-real-text{
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .imageHide{
        display: none !important;
    }
}

/*  Navbar */
body input + label {
    position: fixed;
    top: 25px;
    right: 40px;
    height: 20px;
    width: 15px;
    z-index: 5;
}
body input + label span {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    display: block;
    background: #020304;
    transition: 0.5s;
}
body input + label span:first-child {
    top: 3px;
}
body input + label span:last-child {
    top: 16px;
}
body label:hover {
    cursor: pointer;
}
body input:checked + label span {
    opacity: 0;
    top: 50%;
}
body input:checked + label span:first-child {
    opacity: 1;
    transform: rotate(405deg);
}
body input:checked + label span:last-child {
    opacity: 1;
    transform: rotate(-405deg);
}
.whiteNav{
    background: white !important;
    /*padding-bottom: 20px !important;*/
}
.navScrollWhite{
    background: white;
    /*padding-bottom: 20px !important;*/
}
#navScroll{
    padding-bottom: 20px !important;
}
#burger{
    display: none;
}
body input ~ nav {
    /*background: white;*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 85px;*/
    z-index: 3;
    /*transition: 0.2s;*/
    /*transition-delay: 0.3s;*/
    overflow: hidden;
}

body input ~ nav > ul {
    text-align: center;
    position: absolute;
    top: 0px;
    width: 500px;
    right: 0px;
    padding: 20px;
    padding-top: 60px !important;
    /*right: 20%;*/
}
body input ~ nav > ul > li {
    opacity: 0;
    list-style: none;
    transition-delay: 0s;
}

body input:checked ~ nav {
    height: 100vh;
    transition-delay: 0s;
}
body input:checked ~ nav > ul > li {
    opacity: 1;
    /*transition-delay: 0.1s;*/
}


body input:checked ~ nav > .navlist-ui{
     background: rgba(255,255,255,0.4);
    backdrop-filter: blur(16px);
    /*filter: blur(1px);*/
    /*-webkit-filter: blur(1px);*/
     height: 100vh;
}
.econic-logo-scroll{
    display: none;
}
.econic-logo-change{
    display: none;
}
body input ~ label > .check-logo{
    display: none;
}
body input:checked ~ label > .uncheck-logo{
    display: none;
}
.style-collection{
    color: #174451 !important;
    font-weight: 500 !important;
    font-family: sans-serif;
    display: block;
    border-bottom: 1px solid #174451 !important;
    padding: 5px 15px;
}
.style-link{
    text-decoration: none;
    text-align: left !important;
    /*text-transform: uppercase;*/
    color: #174451;
    font-weight: 500;
    font-family: sans-serif;
    display: block;
    padding: 5px 15px;
    border-bottom: 1px solid #174451;
    /*backdrop-filter: blur(5px);*/
    /*filter: blur(0px);*/
    /*-webkit-filter: blur(0px);*/
    transition-delay: 0s;
    /*transition: all 0.2s;*/
}
.style-link-2{
    text-decoration: none;
    font-size: 14px !important;
    text-align: left !important;
    /*text-transform: uppercase;*/
    color: #174451;
    font-weight: 400;
    font-family: sans-serif;
    display: block;
    padding: 3px 15px;
    /*border-bottom: 1px solid #174451;*/
    /*backdrop-filter: blur(5px);*/
    /*filter: blur(0px);*/
    /*-webkit-filter: blur(0px);*/
    transition-delay: 0s;
    /*transition: all 0.2s;*/
}
.bg-accord{
    background: transparent !important;
}
.bg-accord:hover{
    background: transparent !important;
}
.style-link-decoration{
    text-decoration: none;
}
.style-link:hover{
    background: #174451 !important;
    color: white !important;
}

.style-navlink{
    /*transition: all 0.2s;*/
}

.style-navlink:hover{
    background: white !important;
}

/*  Contact Card */
.shadow-card{
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    border-radius: 10px;
    padding: 20px;
}

.contact-card{
    background: #f4f6f8;
    border-radius: 10px;
    padding: 20px;
}
.query-text{
    color: #3f4c58;
    font-size: 17px;
}
.query-subtext{
    color: #3f4c58;
    font-size: 14px;
}
.remove-text{
    color: #8998a8;
    font-size: 15px;
}

/* Form Naming */
.contact-card-2{
    background: #17779a;
    padding: 20px;
    border-radius: 10px;
}
.form-control {
    border-color: #d7d7d7;
    box-shadow: none;
}
.form-control:focus, .btn:focus {
    border-color: #a177ff;
    box-shadow: 0 0 8px #c2a8ff;
}

/*.contact-form form {*/
/*    background: #fff;*/
/*    padding: 40px;*/
/*    border-radius: 6px;*/
/*}*/
.contact-form h1 {
    text-align: center;
    font-size: 50px;
    margin: 0 0 15px;
}
.contact-form .form-group {
    margin-bottom: 20px;
}
.contact-form .form-control, .contact-form .btn  {
    border-radius: 2px;
    min-height: 40px;
    transition: all 0.5s;
    outline: none;
}
.contact-form .btn {
    background: white;
    color: #17779a;
    font-size: 16px;
    min-height: 50px;
    border: none;
}
/*.contact-form .btn:hover, .contact-form .btn:focus {*/
/*    background:  #17779a;*/
/*    color: white;*/
/*    outline: none;*/
/*}*/
.contact-form .btn i {
    margin-right: 5px;
}
.contact-form label {
    color: white;
    font-size: 14px;
    font-weight: normal;
}
.contact-form textarea {
    resize: vertical;
    background: #f4f6f8;
}
.hint-text {
    font-size: 15px;
    text-align: center;
    padding-bottom: 25px;
    opacity: 0.8;
}

/*   Counter */
.plus-counter{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #dfe8f2;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #a1b0c1;
    margin-right: 20px;
    margin-left: 20px;
}

/* Input */

#inputName, #inputEmail, #inputCompany, #inputCountry, #inputContact{
    border-radius: 15px;
    border: 2px solid rgba(255,255,255,0.5);
    background: rgba(0, 0, 0, 0.16);
    color: white;
}

#inputMessage{
    border-radius: 15px;
    border: 2px solid lightslategray;
    background: #f4f6f8;
    color: #ffffff;
}

#inputMessage:focus{
    outline: none;
    border-radius: 15px;
    border: 2px solid white;
    color: #ffffff !important;
    box-shadow: 0px 0px 2px #0066ff;
}

#inputName:focus, #inputEmail:focus, #inputCompany:focus, #inputCountry:focus {
    outline: none;
    border-radius: 15px;
    border: 2px solid white;
    background: rgba(0, 0, 0, 0.16);
    color: white;
    box-shadow: 0px 0px 2px #0066ff;
}
textarea::-webkit-input-placeholder {
  color: #ffffff !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff !important;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #ffffff !important;  
}

textarea:-ms-input-placeholder {
  color: #ffffff !important;  
}

textarea::placeholder {
  color: #ffffff !important;  
}

/* Bottom Contact */
.bottom-contact{
    color: #3f4c58;
}
.bottom-quality{
    color: #3f4c58;
    font-weight: bold;
}

/* About Matrix Projext */
.about-matrix-text{
    color: #666666;
    font-size: 16px;
}

.about-us-head{
    color: #1d1d1d;
    font-weight: bold;
    font-size: 36px;
}
.about-us-para{
    color: #666666;
    font-size: 20px;
}
.about-eco-para2{
    font-size: 20px;
}
.about-eco-para2-sub{
    color: #666666;
    font-size: 16px;
}

.econic-about{
    font-size: 100px;
    margin-top: -215px;
    text-align: right;
    line-height: 120px
}
.econic-about-para{
    font-size: 21px;
    /*text-shadow: -2px -2px 0 #707070, 2px -2px 0 #707070, -2px 2px 0 #707070, 2px 2px 0 #707070;*/
    color: #FDFDFD;
}
.about-content-headings{
    color: #040506;
    font-size: 40px;
    font-weight: 600;
}
.design-about{
    color: #174451;

    font-size: 24px;
}

.circleOne{
    width:250px;
    height:250px;
    border-radius: 50%;
    overflow: hidden;
    background: #174451;
}
.imgInside{
    width: 100%;
    height: 100%;
}

.gallery-about{
    color: #666666;
    font-size: 18px;
}

@media (min-width: 1350px){
    .padding-large{
        padding-left: 150px;
        padding-right: 150px;
    }
}

.video{
    border-radius: 20px 20px 0  0 ;
}

.mont-product-head{
    color:#040506;
    font-weight: 600;
    font-size: 40px;
}

.view-catalog-bg{
    background-size: cover;
    /*background-position:  top;*/
    background-repeat: no-repeat;
    min-height: 480px;

}
.bg-bottom-1{
    background-image: url("../assets/img/Pics/Group-1.png");
}
.bg-bottom-2{
    background-image: url("../assets/img/Pics/Group-1.png");
}
.bg-bottom-21{
    background-image: url("../assets/img/Pics/ss2.png");
}
.bg-bottom-22{
    background-image: url("../assets/img/Pics/IMG_9604.jpg");
}

.playfair-font{
    font-family: 'Playfair Display', serif;
}

.raleway-font{
    font-family: 'Raleway', sans-serif;
}

.montserrat-font{
    font-family: 'Montserrat', sans-serif;
}

.opensans-font, .opensans-font-small{
    font-family: 'Open Sans', sans-serif;
}

.opensans-font-small
{
    font-size: 16px;
}
.sofiapro-font{
    font-family: 'Nunito Sans', sans-serif;
}

.main-font-heading{
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-weight: bold;
}

.filter-selection{
    color: black;
    font-size: 18px;
    padding: 14px;
    display: flex;
    cursor: pointer;
    border-bottom: 2px solid darkgray;
    align-items: center;
    justify-content: center;
}
.filter-selection-res{
    color: black;
    font-size: 40px;
    padding: 20px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.main-about-screen{
    min-height: 100vh;
    padding-bottom: 150px;
    padding-top: 160px;
    z-index: 3 !important;
    /*background: lightblue*/
}
.background-main-screen{
    /*background: white;*/

    /*background: linear-gradient(*/
    /*        to right,*/
    /*        lightblue 0%,*/
    /*        lightblue 55%,*/
    /*        #ffffff 55%,*/
    /*        #ffffff 100%*/
    /*);*/
}
@media (max-width: 1200px) {
    #background-about-new{
        display: none;
    }
    .background-main-screen{
        background: white;
    }
    #street_trees{
        margin-top: 20px;
    }
    #link-web-about{
        display: none !important;
    }
}

.width-height{
    width: 40px;
    height: 40px;
    margin-top: 15px;
    margin-right: 8px;
}

#background-about-new {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 66.5% !important;
    height: 85vh !important;
    z-index: -1 !important;
    background-color: lightblue !important;
}

.trim-font{
    color: #17779a;
    font-size: 25px;
    line-height: 30px;
}

.bottom-blog-text{
    position: absolute;
    bottom: 10px;
    right: 0;
}

@media (max-width: 1200px) {
    .image-blog{
       width: 100%;
    }
    .margin-blog{
        margin-top: 100px;
    }
    .copyright-margin{
        margin-top: 40px;
        color: rgba(255,255,255,0.5);
    }


}
@media (min-width: 1200px) {
    .image-blog{
        height: 250px;
    }
}

.btn-cancel{
    background: #50B7DC;
    color: white;
    border: 2px solid white;
}

.copyright-margin{
    margin-top: 140px;
    color: rgba(255,255,255,0.5);
}

.link-no-underline{
    list-style: none !important;
    text-decoration: none !important;
    color: black;
}

.direct-email{
    font-weight: 500;
    text-decoration: underline;
    text-align: right;
    color: white;
    margin-top: 15px;
}

.shirt-hover:hover{
  cursor: pointer;
    background: #add4ff;
}

/*   Circle and text  */
.res-circle {
    /* (A) PERCENTAGE WIDTH & BORDER RADIUS */
    width: 50px;
    border-radius: 50%;

    /* (B) BACKGROUND COLOR */
    background: #bcd6ff;

    /* (C) NECESSARY TO POSITION TEXT BLOCK */
    line-height: 0;
    position: relative;
}

/* (D) MATCH HEIGHT */
.res-circle::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* (E) TEXT BLOCK */
.circle-txt {
    /* (E1) CENTER TEXT IN CIRCLE */
    position: absolute;
    bottom: 50%;
    width: 100%;
    text-align: center;

}

#snake_anim path{
    d: path("M272.748,443.344v3.942c0-9.236,8.323-16.726,18.588-16.726h0c10.265") !important;
    fill:#174451;
    animation: 2s infinite alternate wave ease-in-out;
}

@keyframes SnakeAnim {
    from {
        d: path("M272.748,443.344v3.942c0-9.236,8.323-16.726,18.588-16.726h0c10.265,0,18.588,7.49,18.588") !important
    }
    to {
        d: path("M272.748,443.344v3.942c0-9.236,8.323-16.726,18.588-16.726h0c10.265,0,18.588,7.49,18.588,16.726v-3.942c0,42.5,37.63,77.641,83.886,78.333,24.253.366,47.054-8.283,63.751-24.277a75.7,75.7,0,0,0,23.064-55.029V372.1c0-60.638,54.032-110.783,120.441-111.782,34.125-.514,66.245,11.412,90.083,33.515,22.934,21.266,34.532,50.445,34.532,80.079v69.432c0,42.5,37.63,77.641,83.886,78.333,24.257.366,47.062-8.287,63.759-24.283a75.7,75.7,0,0,0,23.06-55.025l0-70.27c0-60.638,54.03-110.783,120.441-111.782,34.121-.514,66.239,11.41,90.077,33.509,22.938,21.266,34.538,50.445,34.538,80.079v69.438c0,42.5,37.63,77.641,83.884,78.333,24.257.366,47.06-8.285,63.757-24.281a75.69,75.69,0,0,0,23.062-55.027V372.1c0-60.638,54.028-110.783,120.441-111.782,34.123-.514,66.247,11.412,90.083,33.517,22.934,21.266,34.532,50.445,34.532,80.077v.417c0,9.238-8.323,16.728-18.59,16.728h0c-10.265,0-18.588-7.49-18.588-16.728v-1.25a75.7,75.7,0,0,0-23.064-55.031c-16.7-16-39.5-24.647-63.751-24.283-46.256.7-83.886,35.837-83.886,78.335v69.424c0,29.639-11.6,58.82-34.534,80.089-23.838,22.1-55.958,34.027-90.081,33.515-66.411-1-120.441-51.142-120.441-111.784V373.08a75.707,75.707,0,0,0-23.06-55.029c-16.7-16-39.5-24.651-63.757-24.287-46.254.7-83.886,35.837-83.886,78.335v69.436c0,29.637-11.6,58.816-34.534,80.081-23.838,22.1-55.958,34.023-90.079,33.511-66.413-1-120.443-51.142-120.443-111.784v-70.27a75.7,75.7,0,0,0-23.058-55.023c-16.7-16-39.5-24.651-63.759-24.287-46.254.7-83.886,35.837-83.886,78.335l0,69.424c0,29.639-11.6,58.82-34.534,80.089-23.838,22.1-55.96,34.027-90.081,33.515C326.778,554.131,272.748,503.986,272.748,443.344Z") !important;
    }
}

/*#snake_anim{*/
/*    fill:transparent;*/
/*    animation:fill 0.5s ease forwards 5.5s;*/
/*}*/

/*#snake_anim path:nth-child(1){*/
/*    stroke-dasharray: 786;*/
/*    stroke-dashoffset: 786;*/
/*    animation:line-anim 5s ease forwards;*/
/*}*/


/*@keyframes line-anim{*/
/*    to{*/
/*        stroke-dashoffset:0;*/
/*    }*/
/*}*/
/*@keyframes fill{*/
/*    from{*/
/*        fill:transparent;*/
/*    }*/
/*    to{*/
/*        fill:#174451;*/
/*    }*/
/*}*/


/*.line-filter{*/
/*    height: 5px;*/
/*    width: 100%;*/
/*    color: black;*/
/*}*/

    .pl-4
    {
        padding-left: 4rem;
    }  

    .descrip-container
    {
        position: absolute;
        bottom: 33%;
    }
    
    .custom-width
    {
        width: 55% !important;
    }

    .footer-logo-dash
    {
        width: 70px;
        height: 2.67px;
        background: white;
        position: absolute;
        left: 31%;
        bottom: 31%;        
    }
    .image-shirt {
        width: 70%;
    }
    .image-shirt-position
    {
        position: absolute;
        margin-top: -240px;
        right: 0px;
    }   
    .view-collection-container
    {
        padding: 0 100px;
    }  

    .eco-fabric-collection-container
    {
        position: absolute;
        top: 15%;
        left: 10%;        
    }
    .about-us-position
    {
        width: 90%;
    }
    .about-home-page
    {
        padding-left: 130px;
    }
@media (min-width: 1600px) {
    .team-section
    {
        width: 1400px !important;
    }

    #background-about-new {
        width: 64.3% !important;
    }  
    .about-us-para
    {
        font-size: 20px;
    }
    .about-us-head
    {
        font-size: 40px;
    }
    .about-matrix-text{
        font-size: 20px;
    }  
    .image-shirt {
        width: 93%;
    }   

    .image-shirt-position
    {
        position: absolute;
        margin-top: -260px;
        right: 60px;
    }   
    .view-collection-btn
    {
        margin-top: 100px;
    }
    .view-collection-container
    {
        padding: 0 50px;
    } 

    .eco-fabric-collection-container
    {
        position: absolute;
        top: 25%;
        left: 25%;        
    }
    .about-us-position
    {
        width: 88%;
    }
    .descrip-container
    {
        position: absolute;
        bottom: 28%;
    }  
    .about-home-page
    {
        padding-top: 40px;
        padding-left: 130px;
    } 
    .footer-logo-dash
    {
        left: 25%;
    }         
}