.dropdown-menu {
    /*position: absolute !important;*/
    top: 100% !important;
    left: 0 !important;
    z-index: 100 !important;
    display: none;
    float: left !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 20px 5px !important;
    margin: 0 !important;
    text-align: center !important;
    list-style: none !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.navbar-default .navbar-toggle {
    border-color: transparent;
}

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 10px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-brand {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
}

.nav li.dropdown.open {
    position: static;
}


    .nav li.dropdown.open .dropdown-menu {
        display: table;
        border-radius: 0px;
        width: 100%;
        text-align: center;
        left: 0;
        right: 0;
        border: none;
        box-shadow: none;
        padding: 25px 0;
    }


.dropdown-menu li {
    display: block;
    vertical-align: middle;
}

    .dropdown-menu li a {
        background-color: transparent !important;
        font-family: Montserrat-Bold !important;
        color: #3d3d3d !important;
        border-top: none !important;
        color: #fff !important;
        text-align: center !important;
    }

        .dropdown-menu li a:hover {
            text-decoration: underline;
        }

        .dropdown-menu li a:focus {
            text-decoration: underline;
        }


@media screen and (max-width: 767px) {
    .dropdown-menu li {
        display: block;
    }
}

/* DEMO example styles for logo image */
.navbar-brand {
    padding: 0px;
}

    .navbar-brand > img {
        height: 100%;
        width: auto;
        padding: 7px 14px;
    }

#navbar .nav li a {
    background-color: white;
    font-family: Montserrat-Regular;
    color: #3d3d3d;
    border-top: 5px solid #fff;
    font-size: 16px;
    text-align: center;
}

    #navbar .nav li a:hover {
        background-color: white;
        font-family: Montserrat-Medium;
        color: #0e2f5a;
        border-top: 5px solid #0e2f5a;
    }

#navbar .nav li.active a {
    background-color: white;
    font-family: Montserrat-Medium;
    color: #0e2f5a;
    border-top: 5px solid #0e2f5a;
}

#navbar .nav li.zcare a:hover {
    color: rgb(134,185,65);
    border-top: 5px solid rgb(134,185,65);
}

#navbar .nav li.zcare.active a {
    color: rgb(134,185,65);
    border-top: 5px solid rgb(134,185,65);
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0px;
}


/***************************************** FONTS STYLES *****************************************************/

/*----------------------- EB GARAMOND font-face Import -----------------------------------------------*/


@font-face {
    font-family: EBGaramond-Bold;
    src: url(font/EBGaramond/EBGaramond-Bold.ttf);
}

@font-face {
    font-family: EBGaramond-Regular;
    src: url(font/EBGaramond/EBGaramond-Regular.ttf);
}

@font-face {
    font-family: EBGaramond-ExtraBold;
    src: url(font/EBGaramond/EBGaramond-ExtraBold.ttf);
}

@font-face {
    font-family: EBGaramond-Italic;
    src: url(font/EBGaramond/EBGaramond-Italic.ttf);
}

@font-face {
    font-family: EBGaramond-Medium;
    src: url(font/EBGaramond/EBGaramond-Medium.ttf);
}

@font-face {
    font-family: EBGaramond-SemiBold;
    src: url(font/EBGaramond/EBGaramond-SemiBold.ttf);
}

.EBG-Regular {
    font-family: EBGaramond-Regular;
}

.EBG-Bold {
    font-family: EBGaramond-Bold;
}

.EBG-ExtraBold {
    font-family: EBGaramond-ExtraBold;
}

.EBG-Italic {
    font-family: EBGaramond-Italic;
}

.EBG-Medium {
    font-family: EBGaramond-Medium;
}

.EBG-SemiBold {
    font-family: EBGaramond-SemiBold;
}


/*----------------------- EB GARAMOND font-face Import End-----------------------------------------------*/


/*------------- MonteSerrat font-face Import --------------------------------*/

@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(font/MonteSerrat/Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family: Montserrat-Black;
    src: url(font/MonteSerrat/Montserrat-Black.ttf);
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(font/MonteSerrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(font/MonteSerrat/Montserrat-ExtraLight.ttf);
}

@font-face {
    font-family: Montserrat-Italic;
    src: url(font/MonteSerrat/Montserrat-Italic.ttf);
}

@font-face {
    font-family: Montserrat-Light;
    src: url(font/MonteSerrat/Montserrat-Light.ttf);
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(font/MonteSerrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(font/MonteSerrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat-Thin;
    src: url(font/MonteSerrat/Montserrat-Thin.ttf);
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(font/MonteSerrat/Montserrat-SemiBold.ttf);
}





.M-ExtraBold {
    font-family: Montserrat-ExtraBold;
}

.M-Bold {
    font-family: Montserrat-Bold;
}

.M-SemiBold {
    font-family: Montserrat-SemiBold;
}

.M-Black {
    font-family: Montserrat-Black;
}

.M-Thin {
    font-family: Montserrat-Thin;
}

.M-Medium {
    font-family: Montserrat-Medium;
}

.M-Regular {
    font-family: Montserrat-Regular;
}

.M-Light {
    font-family: Montserrat-Light;
}

.M-ExtraLight {
    font-family: Montserrat-ExtraLight;
}

/*------------- MonteSerrat font-face Import End--------------------------------*/


@font-face {
    font-family: Rustico-Regular;
    src: url('assets/new font/Rustico-V2-Regular.ttf' );
}


.Rustico-Regular {
    font-family: Rustico-Regular !important;
}


/*------------- Rustico font-face Import--------------------------------*/


/* ------------------------- Zamira Colors -----------------------------------*/

.ZamiraBlue {
    color: rgb(0,46,89);
}

.ZamiraBlueOne {
    color: rgb(35,75,117);
}

.ZamiraBlueTwo {
    color: rgb(212,220,228);
}

.ZamiraBlueThree {
    color: rgb(0,75,146);
}

.ZamiraBlueFour {
    color: rgb(0,32,66);
}

.ZCGreen {
    color: rgb(134,185,65);
}

.ZamiraGreenOne {
    color: rgb(156,185,128);
}

.ZamiraGreenTwo {
    color: rgb(210,220,190);
}

.ZamiraGreenThree {
    color: rgb(99,128,47);
}

.ZamiraGreenFour {
    color: rgb(43,59,21);
}

.ZamiraDarkGrey {
    color: rgb(60,60,59);
}

.ZamiraGreyOne {
    color: rgb(245,245,245);
}

.ZamiraGreenTwo {
    color: rgb(119,119,118);
}

.ZamiraOffWhite {
    color: rgb(252,252,250);
}


.ZamiraNeutralOne {
    color: rgb(60,60,59);
}

.ZamiraNeutralTwo {
    color: rgb(79,45,4);
}

.ZamiraNeutralThree {
    color: rgb(221,210,181);
}

.ZamiraWhite {
    color: white;
}


.darkgrey {
    color: rgb(60,60,59);
}

.grey2 {
    color: rgb(119,119,118);
}


/* ------------------------- Zamira Colors End -----------------------------------*/




p {
    font-family: Montserrat-Regular;
    font-size: 15px;
    color: rgb(60,60,59);
    line-height: 25px;
    margin: 0 0 10px;
    text-transform: none;
    letter-spacing: 0px;
}



.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font20 {
    font-size: 20px;
}

.font40 {
    font-size: 60px;
}


html, body {
    height: 100%;
}

.view {
    height: 100%;
}


a {
    text-decoration: none;
    color: #555;
}

    a:hover {
        text-decoration: none;
        color: #0d2e59;
    }


.clrblk {
    color: #000;
}

.clrwht {
    color: #fff;
}

.clrblue {
    color: rgb(0,46,89);
}

.lghtblue {
    color: #67B2E8;
}

.lowblue {
    color: #D3EBED;
}

.clrgreen {
    color: #429043;
}

.pad0 {
    padding: 0;
}

/***************************************** NAVBAR STYLES *****************************************************/

.m-nav-ul {
    list-style: none;
    display: inline-flex;
    display: none;
    position: relative;
    top: 12px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.nav-ul {
    list-style: none;
    display: inline-flex;
    position: relative;
    top: 5px;
    float: right;
}

.container-fluid {
    width: 100%;
    padding-right: 6%;
    padding-left: 6%;
    margin-right: auto;
    margin-left: auto;
}

header nav .container-fluid {
    width: 100%;
    padding-right: 1%;
    padding-left: 1%;
    margin-right: auto;
    margin-left: auto;
}

.text-center {
    text-align: center !important;
}

/***************************************** HOME S:IDER STYLES *****************************************************/

.home-slider {
    margin-top: 30px;
}

    .home-slider .slider {
        position: relative;
        overflow: hidden;
        height: 580px;
        width: 100%;
    }

    .home-slider .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }

        .home-slider .slide.current {
            opacity: 1;
        }

        .home-slider .slide .content {
            position: relative;
            top: 35%;
            left: 0%;
            z-index: 10;
            padding: 0px;
            color: #fff;
            text-align: left;
            width: 80%;
            opacity: 0;
        }


        .home-slider .slide.current .content {
            opacity: 1;
            transform: translateX(150px);
            transition: all 0.8s ease-in-out 0.3s;
        }

    .home-slider .buttons button#next {
        position: absolute;
        top: 50%;
        right: 15px;
    }

    .home-slider .buttons button#prev {
        position: absolute;
        top: 50%;
        left: 15px;
    }

    .home-slider .buttons button {
        border: 2px solid #fff;
        background-color: transparent;
        color: #fff;
        cursor: pointer;
        padding: 5px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        outline: none;
    }

        .home-slider .buttons button:hover {
            background-color: #fff;
            color: #0d2e59;
        }


    .home-slider .slide1 {
        background-image: url('../img/slider/Slider1.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .home-slider .slide2 {
        background-image: url('../img/slider/Slider2.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .home-slider .slide3 {
        background-image: url('../img/slider/Slider3.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }



/***************************************** FAST FASTION SERVICES STYLES *****************************************************/

#Fast_Fashion_Services .border-lr {
    border-left: 1px solid #cee6ff;
    border-right: 1px solid #cee6ff;
}

#Fast_Fashion_Services {
    padding: 5% 0;
    padding-bottom: 5%;
}

    #Fast_Fashion_Services .ffsdiv {
        padding: 0 20px;
        margin-top: 10px;
    }

        #Fast_Fashion_Services .ffsdiv .svg {
            width: 20%;
            margin-bottom: 18px;
        }

        #Fast_Fashion_Services .ffsdiv .svg1 {
            width: 25%;
            margin-bottom: 0px;
        }

        #Fast_Fashion_Services .ffsdiv:hover h5 {
            color: #0d2e59;
        }



/***************************************** ABOUT US STYLES *****************************************************/

#About {
    padding-top: 70px;
}

    #About .modal-dialog .modal-content .modal-body {
        padding: 15px 15px 7px;
    }

    #About .modal-dialog .modal-content {
        padding: 0;
        position: relative;
        top: 80px;
    }

        #About .modal-dialog .modal-content .modal-header {
            padding: 0;
            border: none;
        }

            #About .modal-dialog .modal-content .modal-header .close {
                padding: 0;
                margin: -2rem -3.5rem -1rem auto;
                color: #fff;
                opacity: 1;
                font-weight: 100;
                font-size: 50px;
                line-height: 5px;
            }

.bg-cover {
    background-position: center center;
    background-size: cover;
}

#About .aboutus {
    background: rgb(212,220,228);
    padding: 200px 100px;
}



.row {
    margin: 0px;
}

.img-responsive {
    width: 100%;
}



/***************************************** SHOWROOMS STYLES *****************************************************/

#Showroom {
    padding-top: 70px;
}

    #Showroom .accordion {
        width: 100%;
        height: 550px;
        overflow: hidden;
        margin: 0px auto;
    }

        #Showroom .accordion ul {
            width: 100%;
            display: table;
            table-layout: fixed;
            margin: 0;
            padding: 0;
        }

            #Showroom .accordion ul li {
                display: table-cell;
                vertical-align: bottom;
                position: relative;
                width: 16.666%;
                height: 350px;
                background-repeat: no-repeat;
                background-position: center center;
                transition: all 500ms ease-in-out;
            }

                #Showroom .accordion ul li div {
                    display: block;
                    overflow: hidden;
                    width: 100%;
                }

                    #Showroom .accordion ul li div span {
                        display: block;
                        height: 550px;
                        width: 100%;
                        position: relative;
                        z-index: 3;
                        vertical-align: bottom;
                        padding: 20px;
                        box-sizing: border-box;
                        text-decoration: none;
                        transition: all 300ms ease-in-out;
                    }

                        #Showroom .accordion ul li div span .contents {
                            width: 100%;
                            position: absolute;
                            left: 9%;
                            right: 0;
                            height: 100%;
                            bottom: 0;
                            padding: 40px 30px;
                            background: #0d2e59c2;
                        }

                #Showroom .accordion ul li:hover div span .contents {
                    width: 40%;
                    position: absolute;
                    left: 7%;
                    height: 20%;
                    bottom: 10%;
                    padding: 40px 30px;
                    background: #0d2e59c2;
                }

                #Showroom .accordion ul li div span .contents .contents-center {
                    position: absolute;
                    left: 15%;
                    top: 50%;
                }

                #Showroom .accordion ul li:hover div span .contents .contents-center {
                    position: absolute;
                    left: 0%;
                    top: 25%;
                }

                #Showroom .accordion ul li div span * {
                    opacity: 1;
                    margin: 0;
                    width: 100%;
                    text-overflow: ellipsis;
                    position: relative;
                    z-index: 5;
                    white-space: nowrap;
                    overflow: hidden;
                    -webkit-transform: translateX(-20px);
                    transform: translateX(-20px);
                    -webkit-transition: all 400ms ease-in-out;
                    transition: all 400ms ease-in-out;
                }

                #Showroom .accordion ul li:nth-child(1) {
                    background-image: url("assets/img/other/IMG_0570.jpg");
                    background-position: 50% 30%;
                    border-left: none;
                }

                #Showroom .accordion ul li:nth-child(2) {
                    background-image: url("assets/img/other/20190912_124341.jpg");
                    background-position: 70% 0%;
                }

                #Showroom .accordion ul li:nth-child(3) {
                    background-image: url("assets/img/other/20190912_124420.jpg");
                    background-position: 50% 50%;
                }

                #Showroom .accordion ul li:nth-child(4) {
                    background-image: url("assets/img/other/IMG_0581.jpg");
                    background-position: 30% 40%;
                }

                #Showroom .accordion ul li:nth-child(5) {
                    background-image: url("assets/img/other/20190912_124156.jpg");
                    background-position: 60% 64%;
                }

                #Showroom .accordion ul li:nth-child(6) {
                    background-image: url("assets/img/other/IMG_0582.jpg");
                    background-position: 70% 25%;
                }

            #Showroom .accordion ul li {
                background-size: cover;
                border-left: 5px solid #fff;
            }

            #Showroom .accordion ul:hover li {
                width: 10%;
            }

                #Showroom .accordion ul:hover li:hover {
                    width: 90%;
                }

                    #Showroom .accordion ul:hover li:hover span * {
                        opacity: 1;
                        -webkit-transform: translateX(0);
                        transform: translateX(0);
                    }

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

    #Showroom .accordion {
        height: auto;
    }

        #Showroom .accordion ul li,
        #Showroom .accordion ul li:hover,
        #Showroom .accordion ul:hover li,
        #Showroom .accordion ul:hover li:hover {
            position: relative;
            display: table;
            table-layout: fixed;
            width: 100%;
            -webkit-transition: none;
            transition: none;
        }

            #Showroom .accordion ul li div span * {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            #Showroom .accordion ul li div span {
                height: 300px !important;
            }

        #Showroom .accordion ul li {
            height: 300px !important;
            border-top: 10px solid #fff;
            border-left: none;
        }
}


/***************************************** CLIENTS STYLES *****************************************************/

#Clients {
    padding: 5% 0; /*Edited 60px by 5% by Dhanashree*/
}


    #Clients .clients_logo .client-logo img {
        opacity: .6;
    }

    #Clients .clients_logo .client-logo:hover img {
        opacity: 1;
    }



    #Clients .clients_logo li:nth-child(4n+4) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+9) .client-logo {
        border-bottom: medium none;
        border-left: medium none;
    }

    #Clients .clients_logo li:nth-child(n+10) .client-logo {
        border-bottom: medium none;
    }

    #Clients .clients_logo li:nth-child(n+11) .client-logo {
        border-bottom: medium none;
    }

    #Clients .clients_logo li:nth-child(n+12) .client-logo {
        border-bottom: medium none;
        border-right: medium none;
    }

.padd0 {
    padding: 0;
}

.padlr {
    padding: 0 8px;
}

.flex {
    display: flex;
}


/***************************************** zamirafashion *****************************************************/

#zamirafashion {
    padding: 70px 0;
    padding-bottom: 90px;
    background: rgb(237,237,237);
}




/***************************************** Comprehensive  Design  STYLES *****************************************************

#comprehensive_design {
    padding: 70px;
}

.concept, .fit, .source, .sew, .wash{
    display: none;
}

.collapsed {
  color: royalBlue !important;
  background-color: white !important;
}

.collapsed:hover {
  color: white !important;
  background-color: DodgerBlue !important;
}

[data-toggle="collapse"] .fa:before {  
    content: "\f106";
}
  
[data-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}


.accordion .card {
    box-shadow: none !important;
}
.accordion .card .card-body{
    text-align: left;
    padding: 10px 5px;
}
.accordion .card .card-header {
    background-color: #fff !important;
    border: none !important;
}
.accordion .card .card-header a {
    background-color: #fff !important;
    border: none !important;
}
.accordion .card .card-header a h5, .accordion .card .card-header a i {
    color: #000; text-align: left;
}
.accordion .card .card-header:hover a h5, .accordion .card .card-header:hover a i {
    color: #0d2e59;    
}

/***************************************** FOOTER STYLES *****************************************************/

.footer {
    padding: 50px 0 0;
    background: #fff;
}

.footer-subscribe {
    margin: 0 auto .76923rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 53.84615rem;
    text-align: center;
}

    .footer-subscribe .footer-newsletter {
        margin: 0 auto;
    }

    .footer-subscribe .footer-title {
        text-align: center;
        font-family: Gotham-Medium;
        color: #0d2e59;
        font-size: 18px;
        margin: 0;
    }

    .footer-subscribe p {
        margin: 5px 0 0;
        font-size: 12px;
    }

.footer-bottom p {
    font-size: 14px;
    color: #2e2e2e;
}

.footer-nav {
    padding: 0 0 25px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-nav h6 {
    font-size: 15px;
    margin-bottom: 10px;
}

footer ul li a {
    font-size: 15px;
    font-family: Montserrat-Regular;
    color: rgb(60,60,59);
}

    footer ul li a:hover {
        color: rgb(0,46,89);
        text-decoration: underline;
    }

#social_c_footer:hover {
    color: rgb(134,185,65);
}

.social-iconss {
    color: rgb(119,119,118);
    font-size: 35px !important;
    margin-left: 20px;
}

    .social-iconss:hover {
        color: rgb(0,46,89);
    }

footer ul li {
    margin: 5px 0;
}

.footer-nav-col a {
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 1px 1px;
    font-size: .92308rem;
    background-image: none;
    text-decoration: none;
    padding: 0;
    background-color: transparent;
}

.footer-copyright {
    padding-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .footer-copyright .footer-rights {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

.social-icons {
    padding: 0 0 40px;
}

.list-inline > li {
    display: inline-block;
    padding-right: 0;
    padding-left: 50px;
}
/***************************************** ABOUT PAGE STYLES *****************************************************/


#aboutpage {
    padding-top: 70px;
}

    #aboutpage hr {
        margin-top: 25PX;
        margin-bottom: 25PX;
        border: 0;
        border-top: 1px solid #cee6ff !important;
    }

    #aboutpage .vission {
        padding: 35px 30px 20px;
        background: #fff;
        box-shadow: 0px 0px 10px #f4f4f4;
        height: 100%;
        background-image: url('assets/img/icon/vission1.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    #aboutpage .mission {
        padding: 35px 30px 20px;
        background: #fff;
        box-shadow: 0px 0px 10px #f4f4f4;
        height: 100%;
        background-image: url('assets/img/icon/mission1.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    #aboutpage .row-flex h5 {
        padding: 10px 0;
    }

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

#aboutpage .pad {
    padding: 15px 15px 0 15px;
}

.text-justify {
    text-align: justify;
}




#team {
    padding-top: 70px;
}

    #team .teams .text .team_pic {
        width: 100%;
        border-radius: 100px;
    }

    #team .teams .image {
        display: block;
        width: 100%;
        height: auto;
        line-height: 130px;
        font-size: 70px;
        margin-top: 30px;
    }

    #team .teams .overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transition: .20s ease;
    }

    #team .teams .col-xs-6:hover .overlay {
        transform: scale(1);
    }

    #team .teams .col-xs-6:hover .image {
        opacity: 0;
    }


    #team .teams .text {
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }




.bg-fixed {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

#number .numbers {
    position: relative;
    z-index: 1;
    padding: 5% 0; /*Edited 70px to 5% by dhanashree*/
    /*padding-top:60px;*/
}

    #number .numbers::after {
        background: rgb(60,60,59) repeat scroll;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.55;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    #number .numbers .fun-fact {
        position: relative;
    }

        #number .numbers .fun-fact .timer::after {
            content: "M";
            font-family: EBGaramond-SemiBold;
            font-size: 60px;
            /*position: absolute;*/
            top: 3px;
        }

        #number .numbers .fun-fact .plus.timer::after {
            content: "+";
        }

    #number .numbers .fun-fact1 .plus.timer::after {
        content: "";
    }

    #number .numbers .fun-fact .numleft {
        position: relative;
        right: 15px;
    }

    #number .numbers .fun-fact1 .numleft {
        position: relative;
        right: 5px;
    }


#core_values {
    padding: 5% 0; /*Edited 70px to 5% by Dhanashree*/
}

#strength {
    padding-top: 70px;
}

    #strength .flex {
        background: #f8f8f8;
    }

    #strength .flex1 {
        background: #fff;
    }

    #strength .border_left {
        border-left: 5px solid #0d2e59;
        padding: 110px 50px;
    }

    #strength .border_right {
        border-right: 5px solid #0d2e59;
        padding: 110px 50px;
    }

.flex1 {
    display: flex;
}


#timeline_section {
    padding: 70px 0px;
    background: rgb(212,220,228);
}

#timeline {
    list-style: none;
    margin: 50px 0 30px 120px;
    padding-left: 30px;
    /*border-left: 8px solid #b6e1f9;*/
}

    #timeline li {
        margin: 40px 0;
        position: relative;
    }


.date {
    margin-top: -10px;
    top: 50%;
    left: -100px;
    font-size: 0.95em;
    line-height: 20px;
    position: absolute;
    color: rgb(0,46,89);
    font-size: 24px;
    font-family: EBGaramond-Regular;
}

.circle {
    margin-top: -10px;
    top: 50%;
    left: -44px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 5px solid #b6e1f9;
    border-radius: 50%;
    display: block;
    position: absolute;
}

.content {
    max-height: 20px;
    padding: 25px 30px 12px;
    border-radius: 10px;
    border-color: transparent;
    position: relative;
}

.radio:checked ~ .content:before, .radio:checked ~ .content:after {
    /*content: "";*/
    width: 0;
    height: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    right: 100%;
}

.radio:checked ~ .content:before {
    border-right-color: inherit;
    border-width: 20px;
    top: 50%;
    margin-top: -20px;
}

.radio:checked ~ .content:after {
    border-right-color: #B6E1F9;
    border-width: 17px;
    top: 50%;
    margin-top: -17px;
}

.content p {
    color: transparent;
    text-align: justify;
    word-break: break-word;
    hyphens: auto;
    overflow: hidden;
    font-size: 15px;
}

label {
    color: rgb(60,60,59); /**************Edited by Dhanashree rgb(60,60,60)to rgb(60,60,59)****************/
    font-size: 15px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 0px;
    left: 7px;
    transition: transform 0.2s linear;
    font-family: Montserrat-Medium;
}

.radio {
    display: none;
}

.relative label {
    transition: font-size 0.3s;
}

.radio:checked + .relative label {
    cursor: auto;
    /*display: none;*/
    font-size: 36px;
    font-family: EBGaramond-Bold;
}

.radio:checked + .relative .circle {
    background: #0d2e59;
}

.radio:checked ~ .content {
    max-height: 100%;
    /*background: #B6E1F9;*/
    margin-right: 70px;
    transform: translateX(20px);
    transition: max-height 0.7s linear, border-color 0.7s linear, transform 0.7s linear;
}

    .radio:checked ~ .content p {
        max-height: 100%;
        font-family: EBGaramond-SemiBold;
        color: rgb(0,46,89);
        font-size: 34px;
        line-height: 40px;
        transition: color 0.3s linear 0.3s;
    }


#msg_thomas {
    padding-top: 70px;
}

    #msg_thomas .msg-tm {
        padding-bottom: 40px;
        z-index: 0;
    }

    #msg_thomas .msg-img {
        border-radius: 60%;
        width: 100%;
        position: relative;
        top: 8px;
    }

    #msg_thomas h5 {
        padding-top: 5px;
    }

    #msg_thomas p {
        font-family: 'Charm';
        font-size: 17px;
        margin-top: 10px;
        color: #000;
    }


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

    #safe_wear .safe_div {
        padding: 30px !important;
    }

    #fabric_material img {
        margin: 20px 0 !important;
    }

    #care_chemical img {
        margin: 20px 0 !important;
    }

    #care_technology img {
        margin: 20px 0 !important;
    }


    .text_on_img1 {
        padding: 0 35px !important;
    }

    .text_on_img {
        padding: 40px !important;
    }

    #safe_wear .safe_div {
        margin-top: 20px !important;
    }

    #safe_wear .icons_cares {
        padding: 30px 20px 0 !important;
    }

    #safe_wear .col-md-6 {
        width: 100% !important;
    }

    #safe_wear .col-sm-6 {
        width: 100% !important;
    }

    #container .h1 {
        font-size: 15px !important;
        font-weight: bold;
    }

    #container .p {
        font-size: 10px !important;
        line-height: 12px;
    }

    #container form {
        padding: 0 5px !important;
    }

    #container button {
        padding: 10px 25px !important;
        font-size: 10px !important;
    }

    #container.container {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 400px !important;
    }



    #timeline_section {
        padding: 50px 10px;
    }

        #timeline_section .years {
            margin: 0px !important;
            font-size: 20px !important;
        }

        #timeline_section .container {
            max-width: 100%;
        }

    #timeline {
        margin: 0 0 0 70px;
    }

    .radio:checked ~ .content {
        margin-right: 20px;
    }
}

/* -------------------------------------
 * mobile phones (vertical version only)
 
@media screen and (max-width: 767px) {
  #timeline {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  #timeline li {
    margin: 50px 0;
  }

  label {
    width: 85%;
    font-size: 1.1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transform: translateX(18px);
  }

  .content {
    padding-top: 45px;
    border-color: #eee9dc;
  }
  .content:before, .content:after {
    border: solid transparent;
    bottom: 100%;
  }
  .content:before {
    border-bottom-color: inherit;
    border-width: 17px;
    top: -16px;
    left: 50px;
    margin-left: -17px;
  }
  .content:after {
    border-bottom-color: #48b379;
    border-width: 20px;
    top: -20px;
    left: 50px;
    margin-left: -20px;
  }
  .content p {
    font-size: 0.9em;
    line-height: 1.4;
  }

  .circle, .date {
    display: none;
  }
}
* ------------------------------------- */

/***************************************** COMPLIANCE PAGE STYLES *****************************************************/

#compliance {
    padding-top: 70px;
}

    #compliance .flex {
        background: #f8f8f8;
    }

    #compliance .border_left {
        border-left: 5px solid #0d2e59;
        padding: 80px 50px;
    }

    #compliance .border_right {
        border-right: 5px solid #0d2e59;
        padding: 80px 50px;
    }



/***************************************** ZAMIRA CARES PAGE STYLES *****************************************************/

#zamira_care {
    padding: 100px 0;
    background: rgb(252,252,250);
}

.wrapper_bg {
    width: 100%;
    height: 54vh;
    background: #000;
}

    .wrapper_bg .wrapper__video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        opacity: 0.7;
    }

.loginpage {
    width: 100%;
    height: 100%;
    padding: 40px 10px 0px;
    background-image: url('assets/img/other/login bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



.wrapper_bg .headercare {
    position: absolute;
    top: 15%;
    left: 0;
}

#zamira_care_img {
    padding-top: 70px;
    background: #fff;
    height: 900px;
}


#fabric_material {
    padding-top: 70px;
}

#safe_wear {
    padding-top: 70px;
}

#care_chemical {
    padding-top: 70px;
}

#care_technology {
    padding: 70px 0 0;
}

.text_on_img h3 {
    padding-bottom: 10px;
}

#care_chemical ul li {
    font-family: Gotham-Light;
    font-size: 15px;
    color: #000;
    margin: 10px 0;
}

#care_technology ul li {
    font-family: Gotham-Light;
    font-size: 15px;
    color: #000;
    margin: 10px 0;
}

.text_on_img {
    padding: 70px 20px;
}

.text_on_img1 {
    padding: 0px 50px;
}

#safe_wear .icons_cares {
    padding: 30px 100px 0;
}

#safe_wear .safe_div {
    background: #439044;
    margin: 0 10px;
    padding: 50px;
    border-radius: 20px;
}

#safe_wear .col-md-6 {
    width: 48%;
}

#safe_wear .col-sm-6 {
    width: 47%;
}

#safe_wear .equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}


/************ icon images ***************/

#fabric_material img {
    margin-top: 30px;
}

#care_chemical img {
    margin-top: 30px;
}

#care_technology img {
    margin-top: 30px;
}


/***************************************** CONTACT US PAGE STYLES *****************************************************/

#get_qoute {
    padding: 70px 0;
    background: rgb(245,245,245); /**********Edited by Dhanashree #e8e8e8 to rgb(245,245,245)**********************/
}

.lablebtm {
    font-size: 13px;
    position: absolute;
    z-index: 10;
    color: rgb(119,119,118);
    top: initial;
    bottom: -6px;
    left: 10px;
    transition: transform 0.2s linear;
    font-family: Montserrat-Medium;
}

#get_qoute .skill input[type="text"] {
    width: 100%;
    border: 1px solid #8b8b8b;
    color: rgb(60,60,60);
    box-sizing: border-box;
    padding: 10px;
    margin: 25px 0;
    font-size: 15px;
    background: #fff;
    font-family: Montserrat-Medium;
}

#get_qoute .skill select {
    width: 100%;
    border: 1px solid #8b8b8b;
    color: rgb(60,60,60);
    box-sizing: border-box;
    padding: 10px;
    margin: 25px 0;
    font-size: 13px;
    background: #ffffffdb;
    font-family: Montserrat-Medium;
    min-height: 50px;
}

#get_qoute .skill textarea {
    width: 100%;
    border: 1px solid #8b8b8b;
    color: rgb(60,60,60);
    height: 100px;
    margin: 0;
    resize: none;
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
    background: #fff;
    font-family: Montserrat-Medium;
    margin: 25px 0;
}

#get_qoute .skill input[type="email"] {
    width: 100%;
    border: 1px solid #8b8b8b;
    color: rgb(60,60,60);
    box-sizing: border-box;
    padding: 10px;
    margin: 25px 0;
    font-size: 15px;
    background: #fff;
    font-family: Montserrat-Medium;
}

::placeholder {
    color: #afafaf;
    opacity: 1; /* Firefox */
    font-family: Montserrat-Medium;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #afafaf;
    font-family: Montserrat-Medium;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #afafaf;
    font-family: Montserrat-Medium;
}

#get_qoute .skill .btn-blue {
    padding: 10px 40px;
    margin-top: 10px;
    font-size: 15px;
    border: none;
}


#contact_info {
    padding: 80px 0;
}

    #contact_info .contact-info {
        padding: 0px 10px;
    }


/***************************************** MOBILE SCREEN STYLES *****************************************************/

@media (max-width: 400px) {


    .abt_h1 {
        font-size: 18px;
    }
}


@media (max-width: 740px) {

    view.full-page-intro {
        height: 1000px;
    }

    section.m-block {
        margin: 3rem 0;
    }
}

.mobile-block {
    display: none;
}

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

    .mobile-block {
        display: block;
    }

    /*#Fast_Fashion_Services .ffsdiv1.ffsdiv {
        margin-top: 0px;
    }*/

    #Fast_Fashion_Services .ffsdiv {
        padding: 0 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

        #Fast_Fashion_Services .ffsdiv .svg {
            width: 22%;
            margin-bottom: 10px;
        }

        #Fast_Fashion_Services .ffsdiv .svg1 {
            width: 25%;
            margin-bottom: 0px;
        }

    #aboutpage {
        padding-top: 30px;
    }

    #zamira_care_img {
        padding-top: 30px;
    }

    #compliance {
        padding-top: 30px;
    }



    .pull-right {
        float: none !important;
    }

    .text-right {
        text-align: left;
    }

    .navbar {
        background-color: white;
    }

    .home-slider {
        margin-top: 70px;
    }

    .carousel-item {
        height: 400px;
        min-height: 400px;
    }
}


@media (min-width: 767px) and (max-width: 991px) {
    #vision_mission .aboutus {
        padding: 80px 100px !important;
    }
   
}

@media (min-width: 320px) and (max-width: 767px) {
    #vision_mission .aboutus {
        padding: 50px !important;
    }

    .menu {
        width: 31% !important;
    }
}


@media only screen and (max-width: 900px) {
    /*#zamirafashion .left-arrow {
        top: 213px !important;
        left: 0% !important;
    }

    #zamirafashion .right-arrow {
        top: -248px !important;
        right: 10% !important;
    }*/
}

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

    .tns-controls {
        float: left !important;
    }

    .my-slider .card {
        width: 100% !important;
    }

    #zamira-china {
        padding: 70px 20px;
    }

    #our-strengths .parallax2 {
        padding: 50px 20px !important;
    }

    .margin-btm {
        margin-bottom: 15px;
    }

    #director-msg {
        padding: 50px 25px;
    }

    /*#director-msgs {
        padding: 50px 25px;
    }*/

    #our_story {
        padding: 20px;
    }

        #our_story .display {
            font-size: 26px;
        }

        #our_story .display1 {
            font-size: 16px;
            line-height: 23px;
        }

    footer .footer-nav.mobileview .col-md-4 {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 30px;
    }

    .list-inline > li {
        padding-left: 0px !important;
    }

    .shorooms {
        border-right: none !important;
        border-bottom: 6px solid #fff !important;
    }

    .banner-area.heading-exchange .contents h1 {
        font-size: 30px !important;
    }

    .font40 {
        font-size: 50px !important;
    }

    #number .numbers .fun-fact .timer::after {
        font-size: 45px !important;
        top: 5px !important;
    }

    #number .numbers img {
        width: 100% !important;
    }

    #number .numbers .fun-fact .numleft {
        right: 20px !important;
    }

    #number .numbers .fun-fact1 .numleft {
        right: 0px !important;
    }

    #Sustainability .parallax {
        padding: 70px 25px !important;
    }

    #Sustainability1 .parallax {
        padding: 70px 25px !important;
    }

    #get_qoute .skill .get_touch {
        padding: 0 25px;
    }

    .flex {
        display: block;
    }

    .flex1 {
        display: block;
        background: #f8f8f8;
    }

    header .navbar-top-nav {
        display: none;
    }

    .m-logo-display {
        display: block;
    }

    header .navbar.scrolling-navbar {
        margin-top: 0;
    }

    .m-nav-ul {
        display: inherit;
    }

    #Fast_Fashion_Services .border-lr {
        border: none;
    }

    #About .video {
        height: 300px;
    }

    .slider .slider-img span {
        top: 32%;
        right: 10%;
        padding: 30px 40px;
        width: 80%;
    }

    #aboutpage .mission {
        margin-top: 20px;
    }

        #aboutpage .mission .mission_icon {
            top: 25px !important;
        }

    #number .fun-fact {
        margin-top: 30px;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    .wrapper_bg {
        height: 12vh;
    }

        .wrapper_bg .headercare {
            top: 8%;
        }
}

@media (min-width: 401px) and (max-width: 450px) {
    .wrapper_bg {
        height: 12vh;
    }

        .wrapper_bg .headercare {
            top: 8%;
        }
}

@media (min-width: 451px) and (max-width: 500px) {
    .wrapper_bg {
        height: 12vh;
    }

        .wrapper_bg .headercare {
            top: 7%;
        }
}

@media (min-width: 501px) and (max-width: 550px) {
    .wrapper_bg {
        height: 12vh;
    }

        .wrapper_bg .headercare {
            top: 6%;
        }
}

@media (min-width: 551px) and (max-width: 575px) {
    .wrapper_bg {
        height: 14vh;
    }

        .wrapper_bg .headercare {
            top: 7%;
        }
}

@media (min-width: 320px) and (max-width: 575px) {

    #header .header-text {
        font-size: 20px;
    }

    #About .aboutus {
        padding: 40px;
    }

        #About .aboutus .about_icon {
            font-size: 20px;
            top: 20px;
            left: 15px;
        }

    .showArrows .left {
        left: -25px;
    }

    .showArrows .right {
        right: -25px;
    }

    #Clients .clients_logo li:nth-child(3n+2) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+4) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(0) .client-logo {
        border-right: 1px solid RGB(119,119,118);
    }

    #Clients .clients_logo li:nth-child(n+3) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+2) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+6) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+7) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+8) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+9) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+10) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+11) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+12) .client-logo {
        border-right: medium none;
        border-bottom: medium none;
    }

    .logo {
        margin-left: 14px !important;
    }

    .home-slider .slider {
        height: 400px !important;
    }

    .home-slider .slide .content {
        bottom: -40px;
        left: 0;
    }

    .home-slider .slide.current .content {
        transform: translateY(-40px);
    }

    .home-slider .slide .content {
        width: 70%;
        left: 15%;
    }

    .home-slider .buttons button#prev {
        position: absolute;
        top: 25%;
        left: 10px;
    }

    .home-slider .buttons button#next {
        position: absolute;
        top: 25%;
        right: 10px;
    }


    .slider .slider-img span {
        top: 15%;
        right: 15%;
        padding: 20px;
        width: 70%;
    }

    #strength .border_left {
        border-left: none !important;
        border-bottom: 5px solid #0d2e59;
        padding: 40px !important;
    }

    #strength .border_right {
        border-right: none !important;
        border-bottom: 5px solid #0d2e59;
        padding: 40px !important;
    }

    #compliance .border_left {
        border-left: none;
        border-bottom: 5px solid #0d2e59;
        padding: 50px;
    }

    #compliance .border_right {
        border-right: none;
        border-bottom: 5px solid #0d2e59;
        padding: 50px;
    }

    .text-right {
        text-align: left !important;
    }


    .banner-area,
    .banner-area div {
        height: 300px;
    }

    #team .teams .text .team_pic {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    #header .header-text {
        font-size: 20px;
    }

    .wrapper_bg {
        height: 20vh;
    }

        .wrapper_bg .headercare {
            top: 7%;
        }

    #Clients .clients_logo li:nth-child(3n+3) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+4) .client-logo {
        border-right: 1px solid #CFEBFB;
    }

    #Clients .clients_logo li:nth-child(n+6) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+7) .client-logo {
        border-bottom: 1px solid #CFEBFB;
        border-right: 1px solid #CFEBFB;
    }

    #Clients .clients_logo li:nth-child(n+8) .client-logo {
        border-bottom: 1px solid #CFEBFB;
    }

    #Clients .clients_logo li:nth-child(n+9) .client-logo {
        border-right: medium none;
    }

    #Clients .clients_logo li:nth-child(n+10) .client-logo {
        border-right: 1px solid #CFEBFB;
        border-bottom: medium none;
    }

    #Clients .clients_logo li:nth-child(n+11) .client-logo {
        border-right: 1px solid #CFEBFB;
        border-bottom: medium none;
    }

    #Clients .clients_logo li:nth-child(n+12) .client-logo {
        border-right: medium none;
        border-bottom: medium none;
    }

    #strength .border_left {
        border-left: none !important;
        border-bottom: 5px solid #0d2e59;
        padding: 50px !important;
    }

    #strength .border_right {
        border-right: none !important;
        border-bottom: 5px solid #0d2e59;
        padding: 50px !important;
    }

    #compliance .border_left {
        border-left: none;
        border-bottom: 5px solid #0d2e59;
        padding: 50px;
    }

    #compliance .border_right {
        border-right: none;
        border-bottom: 5px solid #0d2e59;
        padding: 50px;
    }

    .text-right {
        text-align: left !important;
    }


    .banner-area,
    .banner-area div {
        height: 400px;
    }

    #team .teams .text .team_pic {
        width: 80%;
    }
}

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

    #header .header-text {
        font-size: 20px;
    }

   
    #fabric_material img {
        margin: 20px 0 !important;
    }

    #care_chemical img {
        margin: 20px 0 !important;
    }

    #care_technology img {
        margin: 20px 0 !important;
    }

    .text_on_img {
        padding: 70px;
    }

    .text_on_img1 {
        padding: 0 35px;
    }

    .wrawrapper_bgpper {
        height: 27vh;
    }

    .wrapper_bg .headercare {
        top: 8%;
    }


    #strength .border_left {
        border-left: none !important;
        border-bottom: 5px solid #0d2e59;
        padding: 80px !important;
    }

    #strength .border_right {
        border-right: none !important;
        border-bottom: 5px solid #0d2e59;
        padding: 80px !important;
    }

    #compliance .border_left {
        border-left: none;
        border-bottom: 5px solid #0d2e59;
        padding: 50px;
    }

    #compliance .border_right {
        border-right: none;
        border-bottom: 5px solid #0d2e59;
        padding: 50px;
    }

    #team .teams .text .team_pic {
        width: 80%;
    }
}


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

    #strength .bg_wht {
        padding: 55px !important;
    }

    #strength .bg_grey {
        padding: 55px !important;
    }

    #compliance .bg_grey1 {
        padding: 30px !important;
    }

    #compliance .bg_grey2 {
        padding: 30px !important;
    }

    .text-right {
        text-align: left !important;
    }
}

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

    #compliance .border_left {
        padding: 20px;
    }

    #compliance .border_right {
        padding: 20px;
    }

    #strength .border_left {
        padding: 55px !important;
    }

    #strength .border_right {
        padding: 55px !important;
    }
}

.logo-row {
    padding: 5px 0;
}

@media (min-width: 320px) and (max-width: 350px) {
    .navbar .logo {
        width: 35%;
    }

    .logo-row {
        padding: 15px 0;
    }
}

@media (min-width: 350px) and (max-width: 400px) {
    .navbar .logo {
        width: 35%;
    }

    .logo-row {
        padding: 10px 0;
    }
}

@media (min-width: 400px) and (max-width: 450px) {
    .navbar .logo {
        width: 35%;
    }

    .logo-row {
        padding: 8px 0;
    }
}

@media (min-width: 450px) and (max-width: 500px) {
    .navbar .logo {
        width: 35%;
    }

    .logo-row {
        padding: 5px 0;
    }
}

@media (min-width: 500px) and (max-width: 550px) {
    .navbar .logo {
        width: 30%;
    }

    .logo-row {
        padding: 8px 0;
    }
}

@media (min-width: 550px) and (max-width: 600px) {
    .navbar .logo {
        width: 25%;
    }

    .logo-row {
        padding: 10px 0;
    }
}

@media (min-width: 600px) and (max-width: 650px) {
    .navbar .logo {
        width: 25%;
    }

    .logo-row {
        padding: 8px 0;
    }
}

@media (min-width: 650px) and (max-width: 700px) {
    .navbar .logo {
        width: 25%;
    }

    .logo-row {
        padding: 5px 0;
    }
}

@media (min-width: 700px) and (max-width: 750px) {
    .navbar .logo {
        width: 20%;
    }

    .logo-row {
        padding: 10px 0;
    }
}

@media (min-width: 750px) and (max-width: 800px) {
    .navbar .logo {
        width: 20%;
    }

    .logo-row {
        padding: 8px 0;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar .logo {
        width: 20%;
    }

    .logo-row {
        padding: 5px 0;
    }
}

@media (min-width: 850px) and (max-width: 900px) {
    .navbar .logo {
        width: 18%;
    }

    .logo-row {
        padding: 10px 0;
    }
}

@media (min-width: 900px) and (max-width: 950px) {
    .navbar .logo {
        width: 15%;
    }

    .logo-row {
        padding: 10px 0;
    }
}


@media (min-width: 950px) and (max-width: 1023px) {
    .navbar .logo {
        width: 14%;
    }

    .logo-row {
        padding: 10px 0;
    }
}

@media (min-width: 320px) and (max-width: 1200px) {
    #zamira_care_img {
        height: 100% !important;
    }
}

@media (min-width: 320px) and (max-width: 545px) {
    .text_on_img {
        padding: 20px !important;
    }

    .text_on_img1.equal {
        padding: 0 20px !important;
    }
}





















#container button {
    border-radius: 20px;
    border: 1px solid #0d2e59;
    background-color: #0d2e59;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
    font-family: Gotham-Light;
}

    #container button:active {
        transform: scale(0.95);
    }

    #container button:focus {
        outline: none;
    }

    #container button.ghost {
        background-color: transparent;
        border-color: #FFFFFF;
        font-family: Gotham-Light;
    }

#container form {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 50px;
    height: 100%;
    text-align: center;
    font-family: Gotham-Light;
}

#container input {
    background-color: #eee;
    border: none;
    padding: 12px 15px;
    margin: 8px 0;
    width: 100%;
    font-family: Gotham-Light;
}

#container.container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    position: relative;
    overflow: hidden;
    width: 768px;
    max-width: 100%;
    min-height: 480px;
    font-family: Gotham-Light;
}

#container .form-container {
    position: absolute;
    top: 0;
    height: 100%;
    transition: all 0.6s ease-in-out;
}

#container .sign-in-container {
    left: 0;
    width: 50%;
    z-index: 2;
}

#container.container.right-panel-active .sign-in-container {
    transform: translateX(100%);
}

#container .sign-up-container {
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
}

#container.container.right-panel-active .sign-up-container {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: show 0.6s;
}

@keyframes show {
    0%, 49.99% {
        opacity: 0;
        z-index: 1;
    }

    50%, 100% {
        opacity: 1;
        z-index: 5;
    }
}

#container .overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
    z-index: 9;
}

#container.container.right-panel-active .overlay-container {
    transform: translateX(-100%);
}

#container .overlay {
    background: #FF416C;
    background: -webkit-linear-gradient(to right, #1d4983, #7cb0f6);
    background: linear-gradient(to right, #1d4983, #7cb0f6);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #FFFFFF;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

#container.container.right-panel-active .overlay {
    transform: translateX(50%);
}

#container .overlay-panel {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    top: 0;
    height: 100%;
    width: 50%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

#container .overlay-left {
    transform: translateX(-20%);
}

#container.container.right-panel-active .overlay-left {
    transform: translateX(0);
}

#container .overlay-right {
    right: 0;
    transform: translateX(0);
}

#container.container.right-panel-active .overlay-right {
    transform: translateX(20%);
}









.zamira_care .div1 {
    z-index: 1;
    width: 40%;
    float: left;
    background: #fff;
    position: relative;
    top: -50px;
    left: -50px;
    transition: left 1s;
    -webkit-transition: left 1s;
}

.zamira_care .div2 {
    z-index: 1;
    width: 40%;
    float: right;
    background: #fff;
    position: relative;
    top: -50px;
    right: -50px;
    transition: right 1s;
    -webkit-transition: right 1s;
}

.zamira_care .div3 {
    z-index: 1;
    width: 40%;
    float: left;
    background: #fff;
    position: relative;
    top: 50px;
    left: -50px;
    transition: left 1s;
    -webkit-transition: left 1s;
}

.zamira_care .div4 {
    z-index: 1;
    width: 40%;
    float: right;
    background: #fff;
    position: relative;
    top: 50px;
    right: -50px;
    transition: right 1s;
    -webkit-transition: right 1s;
}

.zamira_care .div5 {
    width: 20%;
    float: left;
    position: relative;
    top: 200px;
    right: 0px;
    display: block;
}



.abc:hover .zamira_care .div1 {
    top: 0px;
    left: 114px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.abc:hover .zamira_care .div3 {
    top: 0px;
    left: 114px;
}

.abc:hover .zamira_care .div2 {
    top: 0px;
    right: 114px;
    border-bottom: 1px solid #ccc;
}

.abc:hover .zamira_care .div4 {
    top: 0px;
    right: 115px;
    border-left: 1px solid #ccc;
}


.zamira_care .four_div {
    display: block !important;
}

.zamira_care .img_div {
    display: none !important;
}

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

    .zamira_care .four_div {
        display: none !important;
    }

    .zamira_care .img_div {
        display: block !important;
    }
}



.panel {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.all_div {
    padding: 50px 30px;
    height: 250px;
}

    .all_div.all_div1 {
        padding: 50px 30px;
        height: 300px;
    }

.zamira_care:hover .all_div.all_div1 {
    padding: 50px 30px;
}

.zamira_care:hover .all_div {
    padding: 50px 30px;
    height: 200px;
}

.zamira_care:hover .div2 {
    height: 235px;
}

.zamira_care:hover .div4 {
    height: 279px;
}

.all_div .care1 {
    width: 70%;
    position: relative;
    top: -20px;
}

.all_div .care2 {
    position: relative;
    top: 5px;
    left: -10px;
}

.all_div .care3 {
    position: relative;
    top: 1px;
}

.all_div .care4 {
    position: relative;
    top: -10px;
}

.all_div .care5 {
    position: relative;
    top: 0px;
    left: 8px;
}

.all_div .care6 {
    position: relative;
    top: 5px;
    left: 8px;
}

.all_div .care8 {
    width: 70%;
    position: relative;
    top: -27px;
}

.all_div .care9 {
    position: relative;
    top: -10px;
}

.all_div .care14 {
    position: relative;
    top: 10px;
}





#contact_info .tabs {
    width: 100%;
    background-color: #fff;
}

#contact_info ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
}

    #contact_info ul#tabs-nav li {
        float: left;
        padding: 25px 20px 15px;
        cursor: pointer;
    }

        #contact_info ul#tabs-nav li:hover,
        #contact_info ul#tabs-nav li.active {
            background-color: #0d2e59;
        }

        #contact_info ul#tabs-nav li span {
            color: #0d2e59;
        }

        #contact_info ul#tabs-nav li h5 {
            color: #0d2e59;
        }

        #contact_info ul#tabs-nav li:hover span,
        #contact_info ul#tabs-nav li.active span {
            color: #fff;
        }

        #contact_info ul#tabs-nav li:hover h5,
        #contact_info ul#tabs-nav li.active h5 {
            color: #fff;
        }

#contact_info #tabs-nav li a {
    text-decoration: none;
}

#contact_info #tabs-nav li h5 {
    padding: 16px 0 5px;
}

#contact_info .tab-content {
    padding: 0px;
    background-color: #fafafa;
    margin: 0 5px;
}

#contact_info #tabs-content .address_info {
    padding: 35px 30px 30px;
    border-bottom: 2px solid #fff;
}

#contact_info #tabs-content {
    margin-top: 15px;
}



.more {
    border: 1px solid white;
    color: white;
    padding: 12px 12px;
    font-size: 18px;
}

    .more:hover {
        border: 1px solid rgb(134,185,65);
        background-color: rgb(134,185,65);
        color: white;
        padding: 12px 12px;
    }

.servicesmore {
    border: 1px solid rgb(0,46,89);
    background-color: transparent;
    color: rgb(0,46,89);
    padding: 12px 12px;
    font-size: 18px;
}

    .servicesmore:hover {
        border: 1px solid rgb(0,46,89);
        background-color: rgb(0,46,89);
        color: white;
        padding: 12px 12px;
    }

.whatwedo-btn {
    color: #fff;
    background: rgb(60,60,59);
    border: solid 1px rgb(60,60,59);
    padding: 12px 20px;
    font-family: EBGaramond-SemiBold;
}

    .whatwedo-btn:hover {
        color: rgb(60,60,59);
        background: #fff;
        border: solid 1px rgb(60,60,59);
        padding: 12px 20px;
        font-family: EBGaramond-SemiBold;
    }

    .whatwedo-btn:focus {
        color: rgb(60,60,59);
        background: #fff;
        border: solid 1px rgb(60,60,59);
        padding: 12px 20px;
        font-family: EBGaramond-SemiBold;
    }

.what-btn {
    color: rgb(60,60,59);
    border: solid 1px rgb(60,60,59);
    font-family: EBGaramond-SemiBold;
    padding: 10px 18px;
    font-size: 16px;
    background: transparent;
}

    .what-btn:hover {
        color: #fff;
        background: rgb(60,60,59);
        border: solid 1px rgb(60,60,59);
        font-family: EBGaramond-SemiBold;
        padding: 10px 18px;
        font-size: 16px;
    }

    .what-btn:focus {
        color: #fff;
        background: rgb(60,60,59);
        border: solid 1px rgb(60,60,59);
        font-family: EBGaramond-SemiBold;
        padding: 10px 18px;
        font-size: 16px;
    }

.Sustainability-btn {
    font-size: 18px;
    color: #fff;
    padding: 10px 18px;
    background: #86b847;
    border: solid 1px #86b847;
    font-family: EBGaramond-SemiBold;
}

    .Sustainability-btn:hover {
        color: rgb(60,60,59);
        background-color: transparent;
        border: solid 1px rgb(60,60,59);
        font-family: EBGaramond-SemiBold;
        padding: 10px 18px;
    }

    .Sustainability-btn:focus {
        color: rgb(60,60,59);
        background-color: white;
        border: solid 1px rgb(60,60,59);
        font-family: EBGaramond-SemiBold;
        padding: 10px 18px;
    }

.Sustainability-btn1 {
    font-size: 18px;
    color: black;
    padding: 10px 18px;
    background: white;
    border: solid 1px white;
    font-family: EBGaramond-SemiBold;
}

    .Sustainability-btn1:hover {
        color: white;
        background-color: transparent;
        border: solid 1px white;
        font-family: EBGaramond-SemiBold;
        padding: 10px 18px;
    }

    .Sustainability-btn1:focus {
        color: white;
        background-color: transparent;
        border: solid 1px white;
        font-family: EBGaramond-SemiBold;
        padding: 10px 18px;
    }


.findout-btn {
    color: #fff;
    padding: 12px 20px;
    border: 1px solid #fff;
    font-size: 18px;
}

    .findout-btn:hover {
        color: #fff;
        background: rgb(134,185,65);
        border: 1px solid rgb(134,185,65);
    }

    .findout-btn:focus {
        color: #fff !important;
        background: rgb(134,185,65);
        border: 1px solid rgb(134,185,65);
    }


.ourstory-btn {
    color: #fff;
    padding: 10px 18px;
    border: 1px solid #fff;
    font-size: 18px;
    background-color: transparent;
}

    .ourstory-btn:hover {
        color: rgb(60,60,59);
        background: white;
        border: none;
        padding: 10px 18px;
    }

    .ourstory-btn:focus {
        color: #fff !important;
        background: rgb(60,60,59);
        border: 1px solid rgb(60,60,59);
        padding: 10px 18px;
    }

.Showroom-btn {
    font-size: 18px;
    color: #fff;
    background: rgb(60,60,59);
    border: solid 1px rgb(60,60,59);
    font-family: EBGaramond-SemiBold;
    padding: 12px 20px;
}

    .Showroom-btn:hover {
        color: rgb(60,60,59);
        background: #fff;
        border: solid 1px rgb(60,60,59);
    }

#vision_mission .aboutus {
    padding: 100px 150px;
}

#gallery {
    padding: 70px 0;
}

    #gallery .magnific-mix-gallery .col-md-4.pf-item {
        margin-bottom: 30px;
    }


#Sustainability .parallax {
    background-image: url("assets/img/OUR PHILOSOPHY/04 HYPERLINK.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0;
    /*background: rgba(210, 220, 190, 0.8);*/
}

#Sustainability1 .parallax {
    background-image: url('assets/img/WHAT WE DO/06 HYPERLINK.JPG');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0;
    /*background: rgba(210, 220, 190, 0.8);*/
}


#General-Enquiries {
    background: #0e2f5a;
    padding: 80px 0;
}

    #General-Enquiries .col-md-4 {
        padding: 0 70px;
    }

#Social_Compliance .col-md-4 {
    padding: 0 20px;
}

#our-strengths .parallax2 {
    background-image: url("assets/img/other/login bg.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#Social_Compliance .parallax3 {
    background-image: url("assets/img/other/20190912_124555.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
}

#our-strengths .padtp {
    padding-top: 140px;
}

strength_para {
    padding-top: 17%;
    padding-bottom: 12.5%;
}

#icon-added {
    padding: 16px 0;
}

    #icon-added span::before {
        padding-right: 10px;
    }

/*#menu-link-1 span::before {
    content: url('assets/img/OUR PHILOSOPHY/CoreValueIcons/one.png');
}

 #menu-link-2 span::before {
    content: url('assets/img/OUR PHILOSOPHY/CoreValueIcons/two.png');
}

#menu-link-3 span::before {
    content: url('assets/img/OUR PHILOSOPHY/CoreValueIcons/three.png');
}

#menu-link-4 span::before {
    content: url('assets/img/OUR PHILOSOPHY/CoreValueIcons/four.png');
}

#menu-link-5 span::before {
    content: url('assets/img/OUR PHILOSOPHY/CoreValueIcons/five.png');
}

#menu-link-6 span::before {
    content: url('assets/img/OUR PHILOSOPHY/CoreValueIcons/six.png');
}*/

.menu-link:hover + .message {
    display: block;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 18px;
}

.message {
    display: none;
}

#our_story {
    /*padding-top: 70px;
    padding-bottom: 70px;*/
    /*padding: 4% 0;*/
}

@media (min-width: 992px) {
    .align-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        display: flex !important;
    }

        .align-center .col-md-6 {
            flex: 1;
        }

        .align-center .center-align {
            flex: 1;
        }
}

#director-msgs {
    background: rgb(0,46,89);
    padding: 100px 80px;
}

#director-msg {
    background: rgb(119,119,118);
    padding: 100px 80px;
}

.imgoverlay {
    position: relative;
    background: #0000008f;
}

    .imgoverlay:hover .imageo {
        opacity: 0.8;
    }


.imageo {
    opacity: 0.3;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

#team1 {
    padding-top: 50px;
}

#zamira-china {
    padding-top: 70px;
}

.chemical-header {
    position: absolute;
    top: 50%;
    left: 30% !important;
    transform: translate(-20%,-50%) !important;
}

.Faabrics-header {
    font-family: Montserrat-Medium !important;
    position: absolute;
    top: 50%;
    left: 10% !important;
    transform: translate(-2%,-50%) !important;
}

.Safe-header {
    font-family: Montserrat-Medium !important;
    font-size: 4vw;
    position: absolute;
    top: 50%;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}

.circular-header {
    font-family: Montserrat-Medium !important;
    font-size: 4vw;
    position: absolute;
    top: 54%;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}

.New-Tech {
    font-family: Montserrat-Medium !important;
    font-size: 4vw;
    position: absolute;
    top: 50%;
    left: 38% !important;
    transform: translate(-30.5%,-50%) !important;
}

.menuactive {
    color: #0e2f5a !important;
    border-top: 5px solid #0e2f5a !important;
    font-weight: bold;
}

.caresmenuactive {
    color: rgb(134,185,65) !important;
    border-top: 5px solid rgb(134,185,65) !important;
    font-weight: bold;
}

.caresnewsheader {
    color: #86b847 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 32px;
}

.careblk {
    position: relative;
}

    .careblk .imageblk {
        display: block;
        width: 100%;
        height: auto;
    }

    .careblk .overlays {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 1;
        transition: .5s ease;
        background-color: #00000059;
    }

    .careblk:hover .overlays {
        border: 15px solid #7fae3e;
        opacity: 1;
        background-color: #00000000;
    }

        .careblk:hover .overlays .texth1 {
            color: #7fae3e;
        }

    .careblk .texth1 {
        color: white;
        position: absolute;
        top: 47%;
        left: 51%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        transition: .7s ease;
    }

    .careblk h4{
        font-size:16px !important;
    }

#cares-block1 {
    padding: 93px 0;
    background: #e8e8e8;
    /*background: rgb(119,119,118);*/
    display:block;
}
#cares-block2{
    display:none;
}

#ocean {
    background: #ded3b7;
}

#Fabrics-Materials {
    padding: 5% 0;
}

#care-img {
    padding: 70px 0;
}

#news {
    padding: 70px 0;
}

.pagination {
    display: inline-block;
}

    .pagination a {
        font-size: 18px;
        font-family: EBGaramond-Medium;
        color: #999;
        float: left;
        padding: 5px 15px;
        text-decoration: none;
    }

        .pagination a.active {
            color: #0f305b;
        }

        .pagination a:hover:not(.active) {
            color: #0f305b;
        }

.shorooms {
    position: relative;
    width: 100%;
    height: 300px;
    border-right: 6px solid #fff;
}

.imageshoroom {
    display: block;
    width: 100%;
    height: auto;
}

.overlayshow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: rgba(0, 32, 66, 0.70);
}

.shorooms:hover .overlayshow {
    opacity: 0;
}

.textshow {
    width: 100%;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

    .textshow > h3 {
        margin-bottom: 0px;
    }



#top_header .centerdata {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header#top_header {
    background: #fffffff5;
    height: 100%;
    position: absolute;
    z-index: 999;
    top: 0;
    transition: 0.9s ease-in-out;
    width: 100%;
}


.main-content {
    margin: 0px auto;
    position: relative;
}





#grayscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#grayscale:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

#demo {
    padding: 0px 10px 70px 10px;
    background-image: url('assets/img/other/mapbg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#map .mapdata {
    padding: 20px;
    border-bottom: 1px solid #888;
}


#latest-news {
    padding: 5% 0; /* Edited 70px to 5% by Dhanashree */
    padding-bottom: 5%; /* Edited 90px to 5% by Dhanashree */
}


/*#zamirafashion .left-arrow {
    position: absolute;
    top: 213px;
    left: 95%;
}

#zamirafashion .right-arrow {
    position: absolute;
    top: 213px;
    right: 90%;
}*/




#header {
    position: relative;
    text-align: center;
    color: white;

}


section#header {
    position: relative;
    width: 100%;
    /*margin-top: 55px;*/
}

#header .image {
    display: block;
    width: 100%;
    height: auto;
}

#header .overlay-header {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /************Edited by Dhanashree 100 to 99************/
    width: 100%;
    background-color: rgba(0, 32, 66, 0.3);
}

.overlay-headerhm {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /************Edited by Dhanashree 100 to 99************/
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}


#header .header-text {
    font-size: 60px;
    font-family: EBGaramond-SemiBold;
    color: #fff;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.navbar {
    min-height: 75px;
}

.navbar-header {
    padding-bottom: 10px;
}

/*Added by Dhanashree*/

#team1 h3 {
    margin-bottom: 0px;
}

.svg1 {
    width: 100px;
    margin: 5% auto;
    display: block;
}

#Layer_1 {
    fill-opacity: 0;
    stroke: white;
    stroke-width: 5px;
    stroke-dashoffset: 0;
    stroke-dasharray: 5000;
}

#Layer_1 {
    animation: Layer_1 6s ease-in-out infinite;
}

@keyframes Layer_1 {
    0% {
        stroke-dashoffset: 5000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}



.svg2 {
    width: 100px;
    margin: 5% auto;
    display: block;
}

#Layer_2 {
    fill-opacity: 0;
    stroke: rgb(0,46,89);
    stroke-width: 5px;
    stroke-dashoffset: 0;
    stroke-dasharray: 5000;
}

#Layer_2 {
    animation: Layer_2 6s ease-in-out infinite;
}

@keyframes Layer_2 {
    0% {
        stroke-dashoffset: 5000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.svg3 {
    width: 100px;
    margin: 5% auto;
    display: block;
}

#Layer_3 {
    fill-opacity: 0;
    stroke: rgb(0,46,89);
    stroke-width: 5px;
    stroke-dashoffset: 0;
    stroke-dasharray: 5000;
}

#Layer_3 {
    animation: Layer_3 6s ease-in-out infinite;
}

@keyframes Layer_3 {
    0% {
        stroke-dashoffset: 5000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}


.svg4 {
    width: 100px;
    margin: 5% auto;
    display: block;
}

#Layer_4 {
    fill-opacity: 0;
    stroke: rgb(0,46,89);
    stroke-width: 5px;
    stroke-dashoffset: 0;
    stroke-dasharray: 5000;
}

#Layer_4 {
    animation: Layer_4 6s ease-in-out infinite;
}

@keyframes Layer_4 {
    0% {
        stroke-dashoffset: 5000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}


.svg5 {
    width: 100px;
    margin: 5% auto;
    display: block;
}

#Layer_5 {
    fill-opacity: 0;
    stroke: white;
    stroke-width: 0.7px;
    stroke-dashoffset: 0;
    stroke-dasharray: 3000;
}

#Layer_5 {
    animation: Layer_5 6s ease-in-out infinite;
}

@keyframes Layer_5 {
    0% {
        stroke-dashoffset: 3000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}


.svg6 {
    width: 100px;
    margin: 5% auto;
    display: block;
}

#Layer_6 {
    fill-opacity: 0;
    stroke: white;
    stroke-width: 5px;
    stroke-dashoffset: 0;
    stroke-dasharray: 4000;
}

#Layer_6 {
    animation: Layer_6 6s ease-in-out infinite;
}

@keyframes Layer_6 {
    0% {
        stroke-dashoffset: 4000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.svg7 {
    width: 100px;
    margin: 5% auto;
    display: block;
}

#Layer_7 {
    fill-opacity: 0;
    stroke: white;
    stroke-width: 7px;
    stroke-dashoffset: 0;
    stroke-dasharray: 6000;
}

#Layer_7 {
    animation: Layer_7 6s ease-in-out infinite;
}

@keyframes Layer_7 {
    0% {
        stroke-dashoffset: 6000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.svg8 {
    width: 79px;
    margin: 5% auto;
    display: block;
}

#Layer_8 {
    fill-opacity: 0;
    stroke: rgb(0,46,89);
    stroke-width: 5px;
    stroke-dashoffset: 0;
    stroke-dasharray: 5000;
}

#Layer_8 {
    animation: Layer_4 6s ease-in-out infinite;
}

@keyframes Layer_8 {
    0% {
        stroke-dashoffset: 5000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

/************Edited by Dhanashree New class for homepage header************/
#header .overlay-headerhm {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    /*background-color: rgba(0, 32, 66, 0.35) !important;*/
}

.error {
    color: red;
    position: unset;
    float: left;
}

#mobile-map {
    display: none;
}

#desktop-map {
    display: block;
}

@media only screen and (max-width: 1200px) {
    #mobile-map {
        display: block;
    }

    #desktop-map {
        display: none;
    }
}


@media only screen and (max-width: 991px) {
    #social {
        padding: 20px 0 !important;
    }

    .New-Tech {
        top: 71% !important;
    }

    .header-text {
        top: 71% !important;
    }
}

.pillars {
    width: 20%;
    float: left;
}

.pillars_1 {
    width: 23%;
    float: left;
}


#cares-block {
    padding-top: 75px;
}

    #cares-block .cares-block-row .careblk {
        height: 320px;
    }

@media only screen and (max-width: 991px) {
    #cares-block {
        padding-top: 75px;
    }

        #cares-block .cares-block-row .careblk {
            height: 140px;
        }

    .careblk .pillars {
        font-size: 14px;
        left: 49% !important;
        top: 31% !important;
    }

    #cares-block2 {
        display: block;
    }
    
    #cares-block1 {
        display: none;
    }

    

    /*.image1 {
        width: 181px !important;
        margin-left: 131px !important;
    }

    .image2 {
        width: 181px !important;
        margin-left: 103px !important;
    } 
    
    .image3 {
        width: 181px !important;
        margin-left: 183px !important;
    }
    
    .image4 {
        width: 181px !important;
        margin-left: 103px !important;
    }*/

    .pillars1 {
        font-size: 10px;
        left: 50% !important;
    }
    .careblk .texth1 {
        line-height: 1.3 !important;
        font-size: 14px;
        top: 32% !important;
    }

    .careblk .text {
        line-height: 1.3 !important;
        font-size: 22px;
        top: 48% !important;
    }

    #director-msgs {
        padding: 10px;
    }
        #director-msgs .service {
            font-size: 35px !important;
        }

        #director-msgs .service1 {
            padding: 0px !important;
            font-size: 17px
        }

    section#header {
        /*margin-top: 55px;*/
    }
    
}


.zamira-jrd {
    padding-top: 250px;
}
.zamira-jrd .img-1 {
    width: 100%;
    position: relative;
    top: -70px;
    left: 132px;
}
.zamira-jrd .img-2 {
    width: 100%;
    position: relative;
    top: -70px;
    left: 0;
}
.zamira-jrd .img-3 {
    width: 100%;
    position: relative;
    top: -70px;
    left: 0;
}
    .zamira-jrd .img-4 {
        width: 100%;
        position: relative;
        top: -70px;
        right: 121px;
    }

.zamira-jrd1{
    display:none;
}
.zamira-jrd {
    display: block;
}

.logo1 {
    width: 90%;
    margin-left: -24px;
}

.logo2 {
    width: 120%;
    margin-left: -30px;
}

.logo3 {
    width: 77%;
    margin-top: 8px;
    margin-left: -9px;
}

.zamira-jrd .collection {
    margin-top: 51px !important;
}

/*.cares-block2{
    display:none;
}

.cares-block1{
    display:block;
}*/

@media only screen and (max-width: 991px) {
    .zamira-jrd {
        display: none;
    }
    .zamira-jrd1 {
        display: block;
        
    }
    /*.cares-block2 {
        display: block;
    }

    .cares-block1 {
        display: none;
    }*/
        .zamira-jrd1 .collection {
            margin-top: 85px;
        }

        .zamira-jrd1 .img1 {
            width: 100%;
            position: relative;
            top: 129px;
            left: 78px;
        }

        .zamira-jrd1 .img2 {
            width: 100%;
            position: relative;
            top: 127px;
            right: 9px;
        }

        .zamira-jrd1 .img3 {
            width: 100%;
            position: relative;
            top: 129px;
            left: 0;
        }

        .zamira-jrd1 .img4 {
            width: 100%;
            position: relative;
            top: 127px;
            right: 78px;
        }

    .logo1 {
        width: 100%;
        margin-left: 0;
    }

    .logo2 {
        width: 100%;
        margin-left: 0;
    }

    .logo3 {
        width: 100%;
        margin-top: 8px;
        margin-left: 0;
    }
}