.common-modal {
display: none; 
position: fixed;
z-index: 100000; 
padding-top: 100px;
left: 0;
top: 0;
width: 100%; 
height: 100%;
overflow: auto; 
background-color: rgb(0,0,0); 
background-color: rgba(0,0,0,0.9);
/*opacity: 0.5;*/
filter: alpha(opacity=50); /* For IE8 and earlier */
}

.popup-modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 500px;
}

.popup-modal-content {    
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)} 
to {-webkit-transform:scale(1)}
}

@keyframes zoom {
from {transform:scale(0)} 
to {transform:scale(1)}
}

.popupclose {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}

.popupclose:hover, .popupclose:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
.popup-modal-content {
width: 250px;
}
}

@media screen and (max-device-width: 640px) and (orientation: landscape){
.popup-modal-content {
width: 300px;
}
}

@media screen and (max-device-width: 640px){
.popup-modal-content {
width: 300px;
}
}

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
.popup-modal-content {
width: 300px;
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
.popup-modal-content {
width: 500px;
}
}

@media screen and (min-width: 1024px){
.popup-modal-content {
width: 500px;
}
}

.mk-download-app-popup .modal-content {
    bottom: 0;
    transition: opacity .3s ease-out, bottom .3s ease-out;
    border-radius: 4px 4px 0 0 !important;
    background-color: #ebffef;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 22px 15px;
    text-align: center;
    overflow: 
}

.mk-download-app-popup h4.modal-title {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    margin: 0;
    text-transform: none
}

.mk-content {
  /*  top: 50%;
    left: 50%;
   
    overflow: hidden;
    font-family: Lato, sans-serif;
    font-size: 35px;
    line-height: 40px;
    color: #000*/

        float: left;
    width: 100%;
}

.content__container {
    font-weight: 600;
   /* overflow: hidden;*/
    height: 40px;
    padding: 0 30px
}

.content_container_text {
    display: inline;
    float: left;
    margin: 0
}

.content_container_list {
    margin-top: 0;
    padding-left: 0;
    text-align: left;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    width: 100%
}

.content_containerlist_item {
    line-height: 48px;
    margin: 0;
    width: 100%;
    font-size: 20px;
    text-align: center;
    color: #fd5d5d;
    font-weight: 600
}

.mk-another-benefits {
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center;
    margin-top: 0
}

.mk-app-star {
    width: 50px;
    margin: 4px auto;
    display: block;
    height: 34px
}

.mk-download-app-btn {
    background-color: #1f1f1f;
    padding: 12px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    margin: 12px auto;
    display: block;
    text-decoration: none
}

.mk-download-app-btn:focus,
.mk-download-app-btn:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff
}

.mk-continue-in-browser {
    font-size: 16px;
    text-align: center;
    color: #33619b;
    display: block;
    margin: 0 auto
}

@-webkit-keyframes opacity {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes change {

    0%,
    100%,
    12.66% {
        transform: translate3d(0, 0, 0)
    }

    16.66%,
    29.32%,
    83.3%,
    95.96% {
        transform: translate3d(0, -25%, 0)
    }

    33.32%,
    45.98%,
    66.64%,
    79.3% {
        transform: translate3d(0, -50%, 0)
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -75%, 0)
    }
}

@keyframes opacity {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes change {

    0%,
    100%,
    12.66% {
        transform: translate3d(0, 0, 0)
    }

    16.66%,
    29.32%,
    83.3%,
    95.96% {
        transform: translate3d(0, -25%, 0)
    }

    33.32%,
    45.98%,
    66.64%,
    79.3% {
        transform: translate3d(0, -50%, 0)
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -75%, 0)
    }
}


/* New popup design for drupal page only */

.mk-download-app-popup-new{z-index:99999999999 !important;}
.mk-download-app-popup-new .modal-content {min-height: 260px; bottom: 0px; transition: opacity 0.3s ease-out, bottom 0.3s ease-out; border-radius: 4px 4px 0px 0px !important; background-color: #ebffef; position: fixed;width: 100%; left: 0;    padding:0px;  overflow: inherit !important;}
.mk-download-app-popup-new h4.modal-title{font-size: 22px; color: #000; font-weight: 500; }
.mk-download-app-popup-new .modal-content .row.mk-row-border{margin-right:-15px !important;margin-left:-15px !important; padding: 4px 0}

.content__container {font-weight: 600;  padding: 0 12px; text-align: center; }
.mk-app-star-new-drupal{ width: 100px; margin: -22px auto 15px; display: block; background-color: #fff; padding: 0px; z-index: 999999; position: relative; border-radius: 22px; border: 4px solid #fff;}
.mk-download-app-btn {background-color: rgb(31, 31, 31); padding: 12px 58px; border-radius: 5px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; font-weight: 400; line-height: 17px; margin: 8px auto; display: inline-block; text-decoration: none;}
.mk-download-app-btn:hover, .mk-download-app-btn:focus{background-color: #000; text-decoration: none; color: #fff}

.mk-continue-in-browser{   background-color:transparent; padding: 10px 18px; border-radius: 5px; text-align: center; color:#000; font-size: 12px; font-weight: 400; line-height: 17px; margin:8px auto; display: inline-block; text-decoration: none;    border: 1px solid #6b6b6b;}
.mk-continue-in-browser-cuet{ padding: 10px 58px;}
.img-w-40{display: block; margin-top:3px}
.img-w-40 img{width: 50px; border: 1px solid #d9d9d9; border-radius: 12px; background-color: #fff}
.mk-row-border{border-bottom: 1px dotted #d9d9d9; padding: 8px 0}
.mk--mt-4{margin-bottom: 4px}
.mk-top-img-app{width: 100%}
.mk-top-bar-color{    background-color: #b2eaeb !important;}
.mk-p-0-new{padding: 0}
.mk-download-app-popup-new .modal-head{    background-color: #ffa09c; padding: 10px 0; height: 175px; overflow: hidden;}
.mk-download-app-popup-new .modal-head img{width: 250px}
.mk-get-app-for{text-align: center;font-size: 12px}
.mk-bg-white-new{background-color: #fff}
.mk-app-title-text{font-size:20px; color:#000; font-weight: 700; line-height: 25px; padding: 8px 10px}
/*.mk-min-w-cuet-hindi{min-width: 72%}*/


.mk-bottom-40 .modal-content{bottom: 38px !important}