.logo{
                width:100%;
            }
            .mobile-image{
                display: none;
            }
            .desktop-image{
                display: block;
            }
            .img{
               width:20%;
            }
            .col-md-2{
                float:left;
            }
            
            .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%;
            }
            
            #whatsapp{
                position:absolute;
                width:70px;
                height:70px;
                top:95px;
                right:300px; 
            }
            #instagram{
                position:absolute;
                width:60px;
                height:60px;
                top:230px;
                right:785px; 
            }
            #snapchat{
                position:absolute;
                width:60px;
                height:60px;
                top:230px;
                right:595px; 
            }
            #youtube{
                position:absolute;
                width:60px;
                height:60px;
                top:230px;
                right:690px; 
            }
            #ios{
                position:absolute;
                width:160px;
                height:50px;
                top:310px;
                right:560px;
            }
            #android{
                position:absolute;
                width:160px;
                height:50px;
                top:310px;
                right:730px;
            }
            
            
            .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://i.imgur.com/OQiDoZe.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%;
                    
                }
                #instagram{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:120px;
                    right:413px; 
                }
                #snapchat{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:120px;
                    right:313px;
                }
                #youtube{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:120px;
                    right:363px;
                }
                #ios{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:163px;
                    right:295px;
                }
                #android{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:163px;
                    right:387px;
                }
                
            }
            @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:8px 0 0 1px;
                }
                
                .logo{
                    height:200px;
                }
                .alert-box{
                    width: 265px;
                    display: none;
                    margin-right: 20px;
                    position: relative;
                    margin-top: 0px;
                    margin-left: 0%;
                    
                }
                #instagram{
                    position:absolute;
                    width:45px;
                    height:40px;
                    top:115px;
                    right:275px; 
                    
                }
                #snapchat{
                    position:absolute;
                    width:45px;
                    height:40px;
                    top:115px;
                    right:160px; 
                    
                }
                #youtube{
                    position:absolute;
                    width:45px;
                    height:40px;
                    top:115px;
                    right:215px; 
                    
                }
                #ios{
                    position:absolute;
                    width:100px;
                    height:35px;
                    top:160px;
                    right:140px; 
                    
                }
                #android{
                    position:absolute;
                    width:100px;
                    height:35px;
                    top:160px;
                    right:245px; 
                    
                }
                .mobile-image{
                    display: block;
                }
                .desktop-image{
                    display: none;
                }
            }
            @media only screen and (max-width: 370px) {
                .logo{
                    height:170px;
                }
                .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;
                }
                #instagram{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:95px;
                    right:210px; 
                    
                }
                #snapchat{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:95px;
                    right:120px; 
                    
                }
                #youtube{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:95px;
                    right:165px; 
                    
                }
                #ios{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:135px;
                    right:98px; 
                    
                }
                #android{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:135px;
                    right:185px; 
                    
                }
                .mobile-image{
                    display: block;
                }
                .desktop-image{
                    display: none;
                }
            }
            .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%;
            }
        }
        .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;
        }
</style><style>
            .logo{
                width:100%;
            }
            .mobile-image{
                display: none;
            }
            .desktop-image{
                display: block;
            }
            .img{
               width:20%;
            }
            .col-md-2{
                float:left;
            }
            
            .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%;
            }
            
            #whatsapp{
                position:absolute;
                width:70px;
                height:70px;
                top:95px;
                right:300px; 
            }
            #instagram{
                position:absolute;
                width:60px;
                height:60px;
                top:230px;
                right:785px; 
            }
            #snapchat{
                position:absolute;
                width:60px;
                height:60px;
                top:230px;
                right:595px; 
            }
            #youtube{
                position:absolute;
                width:60px;
                height:60px;
                top:230px;
                right:690px; 
            }
            #ios{
                position:absolute;
                width:160px;
                height:50px;
                top:310px;
                right:560px;
            }
            #android{
                position:absolute;
                width:160px;
                height:50px;
                top:310px;
                right:730px;
            }
            
            
            .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://i.imgur.com/OQiDoZe.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%;
                    
                }
                #instagram{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:120px;
                    right:413px; 
                }
                #snapchat{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:120px;
                    right:313px;
                }
                #youtube{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:120px;
                    right:363px;
                }
                #ios{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:163px;
                    right:295px;
                }
                #android{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:163px;
                    right:387px;
                }
                
            }
            @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:8px 0 0 1px;
                }
                
                .logo{
                    height:200px;
                }
                .alert-box{
                    width: 265px;
                    display: none;
                    margin-right: 20px;
                    position: relative;
                    margin-top: 0px;
                    margin-left: 0%;
                    
                }
                #instagram{
                    position:absolute;
                    width:45px;
                    height:40px;
                    top:115px;
                    right:275px; 
                    
                }
                #snapchat{
                    position:absolute;
                    width:45px;
                    height:40px;
                    top:115px;
                    right:160px; 
                    
                }
                #youtube{
                    position:absolute;
                    width:45px;
                    height:40px;
                    top:115px;
                    right:215px; 
                    
                }
                #ios{
                    position:absolute;
                    width:100px;
                    height:35px;
                    top:160px;
                    right:140px; 
                    
                }
                #android{
                    position:absolute;
                    width:100px;
                    height:35px;
                    top:160px;
                    right:245px; 
                    
                }
                .mobile-image{
                    display: block;
                }
                .desktop-image{
                    display: none;
                }
            }
            @media only screen and (max-width: 370px) {
                .logo{
                    height:170px;
                }
                .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;
                }
                #instagram{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:95px;
                    right:210px; 
                    
                }
                #snapchat{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:95px;
                    right:120px; 
                    
                }
                #youtube{
                    position:absolute;
                    width:40px;
                    height:40px;
                    top:95px;
                    right:165px; 
                    
                }
                #ios{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:135px;
                    right:98px; 
                    
                }
                #android{
                    position:absolute;
                    width:90px;
                    height:35px;
                    top:135px;
                    right:185px; 
                    
                }
                .mobile-image{
                    display: block;
                }
                .desktop-image{
                    display: none;
                }
            }
            .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%;
            }
        }
        .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;
        }