.logo {
                width: 100%;
            }

            .mobile-image {
                display: none;
            }

            .desktop-image {
                display: block;
            }

            .desktop {
                padding: 10px;
                text-align: center
            }

            .social-icons {
                width: 7%;
                padding-right: 10px;
            }

            .apss-icons {
                width: 13%;
                padding-right: 10px;
            }

            .img {
                width: 20%;
            }

            .col-md-2 {
                float: left;
            }

            .cp-text {
                color: #fff;
                text-shadow: 0 1px rgba(255, 255, 255, 0.1);
                text-align: left;
                margin: 0px;
            }

            .signature {
                background-color: #222;
                padding: 5px;
                height: auto;
                position: relative;
                bottom: 0;
            }

            .whats-float {
                position: fixed;
                transform: translate(108px, 0px);
                top: 86%;
                right: 0;
                width: 150px;
                overflow: hidden;
                background-color: crimson;
                color: #FFF;
                border-radius: 4px 0 0 4px;
                z-index: 10;
                transition: all 0.5s ease-in-out;
                vertical-align: middle
            }

            .whats-float a span {
                color: white;
                font-size: 15px;
                padding-top: 18px;
                padding-bottom: 10px;
                position: absolute;
                line-height: 16px;
                font-weight: bolder;
            }

            .whats-float i {
                font-size: 30px;
                color: white;
                line-height: 30px;
                padding: 10px;
                transform: rotate(0deg);
                transition: all 0.5s ease-in-out;
                text-align: center;

            }

            .whats-float:hover {
                color: #FFFFFF;
                transform: translate(0px, 0px);
            }

            .whats-float:hover i {
                transform: rotate(360deg);
            }

            .footer-content {
                padding: 10px 50px 20px;
                flex-direction: row;
                max-width: 100%;
                font-size: 14px;
                text-align: center;
            }

            .footer-navigation {
                margin-left: 10px;
                flex-direction: row;
                display: inline;
            }

            .footer-link {
                color: #fff;
                padding-right: 10px;
            }


            .cart-float {
                position: fixed;
                transform: translate(108px, 0px);
                top: 46%;
                right: 0;
                width: 160px;
                overflow: hidden;
                background-color: darkred;
                color: #FFF;
                border-radius: 4px 0 0 4px;
                z-index: 10;
                transition: all 0.5s ease-in-out;
                vertical-align: middle
            }

            .cart-float a span {
                color: white;
                font-size: 18px;
                position: absolute;
                line-height: 16px;
                font-weight: bolder;
                padding-left: 3px;
            }

            .cart-float i {
                font-size: 25px;
                color: white;
                line-height: 30px;
                padding: 10px;
                transform: rotate(0deg);
                transition: all 0.5s ease-in-out;
                text-align: center;

            }

            .error-box {
                width: 265px;
                display: none;
                position: absolute;
                float: right !important;
                margin-top: 240px;
                margin-left: 80%;
            }

            .alert-box {
                width: 265px;
                display: none;
                position: absolute;
                float: right !important;
                margin-top: 240px;
                margin-left: 80%;
            }


            .flag {
                width: 24px;
                background-size: cover;
                height: 24px;
                background-image: url(https://elcardoo.com/user-assets/img/countriesFlag.png);
                background-repeat: no-repeat;
                display: inline-block;
                vertical-align: middle;
            }

            .dropdown dt a span {
                cursor: pointer;
                display: block;
                padding: 5px;
                white-space: nowrap;
            }

            .dropdown dt a img {
                position: relative;
                z-index: 1;
            }

            .dropdown dt a span span {
                display: inline-block;
                padding: 0;
            }

            .dropdown dt a span span:first-child {
                padding: 0;
            }

            .dropdown dd {
                position: relative;
            }

            .dropdown a,
            .dropdown a:visited {
                color: #4a535f;
                text-decoration: none;
                outline: none;
            }

            .dropdown a:hover {
                color: #5d4617;
            }

            .dropdown dt a:hover,
            .dropdown dt a:focus {
                color: #5d4617;
            }

            .dropdown dt a {
                position: relative;
                background: #fff;
                display: contents;
                padding-right: 20px;
                overflow: hidden;
                width: 250px;
            }

            .dropdown dd ul {
                background: #fff;
                color: #C5C0B0;
                display: none;
                right: 10px;
                padding: 5px 0px;
                position: absolute;
                width: auto;
                border: 1px solid #04579B;
                list-style: none;
                max-height: 170px;
                overflow-y: scroll;
                top: 10px;
                z-index: 2;
            }

            li a {
                font-size: 13px;
            }

            li a span:nth-child(2) {
                line-height: 2em;
            }

            .dropdown dd ul::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
                border-left: 1px solid rgba(0, 0, 0, 0.1);
            }

            .dropdown dd ul::-webkit-scrollbar-thumb {
                background: rgba(0, 0, 0, 0.4);
                /*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5), 1px 0 0 #5cace9 inset, 2px 0 0 #b3d5ee inset;
                border-radius:10px;*/
            }

            .dropdown dd ul::-webkit-scrollbar-thumb:window-inactive {
                background: blue;
            }

            .dropdown span.value {
                display: none;
            }

            .dropdown dd ul li a {
                padding: 5px;
                display: block;
                font-size: 12px !important;
            }

            .dropdown dd ul li a:hover {
                background-color: rgba(0, 0, 0, 0.05);
            }

            dl.dropdown {
                width: 240px;
                margin-top: 15%;
                position: absolute;
                right: 0;
                text-align: right;
            }

            dl.dropdown span:nth-child(3) {
                color: rgba(0, 0, 0, 0.4)
            }

            dl.dropdown>span:nth-child(2) {
                overflow: hidden;
                white-space: nowrap;
                display: inline-block;
            }

            dl.dropdown span:nth-child(3) {
                float: right;
            }

            dl.dropdown dt span:nth-child(2) {
                color: rgba(0, 0, 0, 0.6);
                font-size: 14px;
                font-weight: bold;
                line-height: 1.6em;
            }

            dl.dropdown dt span:nth-child(3) {
                display: none;
            }

            dd {
                text-align: left;
            }

            .countryFlag {
                padding: 0;
                background-image: url(https://elcardoo.com/user-assets/img/imagesAll.png);
                background-repeat: no-repeat;
                display: inline-block;
                height: 11px;
                margin-right: 4px;
                width: 16px;
                cursor: pointer;
                white-space: nowrap;
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                border-color: #BFBFC1 #B6B6B6 #969696;
                border-image: none;
                border-radius: 2px 2px 2px 2px;
                border-style: solid;
                border-width: 1px;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
            }

            .dropdown dd ul #name {
                display: contents;
            }


            @media only screen and (max-width: 1024px) {
                .alert-box {
                    margin-top: 160px;
                    margin-left: 72%;

                }
            }

            @media only screen and (max-width: 767px) {
                .mobile-image {
                    display: none;
                }

                .desktop-image {
                    display: block;
                }

                .alert-box {
                    margin-top: 120px;
                    margin-left: 63%;
                }


            }

            @media only screen and (min-width: 420px) and (max-width: 450px) {

                .table>tbody>tr>td,
                .table>tbody>tr>th,
                .table>tfoot>tr>td,
                .table>tfoot>tr>th,
                .table>thead>tr>td,
                .table>thead>tr>th {
                    padding: 6px;
                }
            }

            @media only screen and (max-width: 480px) {
                dl.dropdown {
                    margin: 110px 0 0 1px;
                }

                .signature {
                    height: 50px;
                }

                .alert-box {
                    width: 265px;
                    display: none;
                    margin-right: 20px;
                    position: relative;
                    margin-top: 0px;
                    margin-left: 0%;

                }

                .mobile-image {
                    display: block;
                }

                .desktop-image {
                    display: none;
                }

                .desktop {
                    padding: 5px;
                    text-align: center
                }

                .social-icons {
                    width: 12%;
                    padding-right: 7px;
                }

                .apss-icons {
                    width: 20%;
                    padding-right: 10px;
                }
            }

            @media only screen and (max-width: 370px) {
                .alert-box {
                    width: 265px;
                    display: none;
                    margin-right: 20px;
                    position: relative;
                    margin-top: 0px;
                    margin-left: 0%;

                }

                .table>tbody>tr>td,
                .table>tbody>tr>th,
                .table>tfoot>tr>td,
                .table>tfoot>tr>th,
                .table>thead>tr>td,
                .table>thead>tr>th {
                    padding: 2px;
                }

                .mobile-image {
                    display: block;
                }

                .desktop-image {
                    display: none;
                }

                .desktop {
                    padding: 5px;
                    text-align: center
                }

                .social-icons {
                    width: 12%;
                    padding-right: 7px;
                }

                .apss-icons {
                    width: 20%;
                    padding-right: 10px;
                }
            }

            .bottom-navigation {
                width: 100%;
                overflow: hidden;
                position: fixed;
                bottom: 0;
                max-width: 100%;
                box-shadow: 0 0 50px rgba(0, 0, 0, .15);
                display: flex;
                padding: 0px 20px;
                background: #000;
                ;
            }

            .bottom-navigation-item {
                color: #777;
                width: 25%;
                transition: .25s linear;
                white-space: pre-line;
                height: 70px;
                margin: -6px 0;
                text-align: center;
            }

            .bottom-navigation-item i {
                font-size: 20px;
                transition-property: all;
                transition-duration: .5s;
                transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
            }

            .bottom-navigation-item label {
                font-weight: 600;
                font-size: 11px;
                display: none;
                transition-property: all;
                transition-duration: .5s;
                transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
            }

            .bottom-navigation-item.active {
                & i {
                    color: #FFC308;
                    font-size: 16px;
                }

                & label {
                    display: block;
                    color: #FFC308;
                }
            }

            p {
                position: relative;
                bottom: 0;

                & a {
                    text-decoration: none;
                }
            }

            @media only screen and (min-width: 400px) and (max-width: 420px) {

                .table>tbody>tr>td,
                .table>tbody>tr>th,
                .table>tfoot>tr>td,
                .table>tfoot>tr>th,
                .table>thead>tr>td,
                .table>thead>tr>th {
                    padding: 4px;
                }

                .bottom-navigation {
                    display: inline-flex;
                    max-width: 100% !important;
                }

                .bottom-navigation-item.active label {
                    display: none;
                }

                .alert-box {
                    width: 265px;
                    display: none;
                    margin-right: 20px;
                    position: relative;
                    margin-top: 0px;
                    margin-left: 0%;
                }
            }