/* 
---------------------------------------------
font Style
--------------------------------------------- 
*/

@font-face {
    font-family: 'Lato Black'; 
    src: local('Lato Black'),url('../fonts/Lato-Black.ttf');
}

@font-face {
    font-family: 'Lato-Bold'; 
    src: local('Lato-Bold'),url('../fonts/Lato-Bold.ttf');
}


/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/

#renewModal .main-banner{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background: url(../images/Background-3.png);
    width: 100%;
    background-size: 100% !important;
    max-height: 1170px;
}

#renewModal .MainRenewtitle{
    padding-bottom: 20px;
}

#renewModal .MainRenew_content h4{
	font-family: 'Lato Black' !important;
    color: #fff100;
    font-size: 29px;
    padding-left: 0px;
    margin-top: 10px;
}

#renewModal .expirydt24h {
    font-size: 35px;
    margin-top: 20px !important;
    padding-bottom: 3px !important;
}

#renewModal .cancel_btn, #expireModal .cancel_btn  {
  margin: auto;
  height: 100%;
  cursor: pointer;
  text-align: center;
}

#renewModal .child, #expireModal .child {
    padding-top: 40px;
    max-width: 100%;
    max-height: 100%;
    width: 40%;
    height: 100%;
    margin-left: 18px;
}

#renewModal .MainRenew_content {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 195px;
}

#renewModal .right-content_img {
    margin-top: -5px;
}

#renewModal .info-chart {
   padding-top: 25px;
   margin-left: 50px;
}

#renewModal .info-chart-img {
    width: 100%;
    height: 100%;
}

#renewModal .renew-chart {
    padding-top: 25px;
}

#renewModal .renew-chart-img {
    width: 85%;
    height: 100%;
}

#renewModal .top1-wording-content {
    font-family: 'Lato Black' !important;
    color: white;
    font-size: 23px;
    line-height: 1.3em;
    margin-top: 15px;
}

#renewModal .top1-wording-content p {
    font-family: 'Lato Black' !important;
}

#renewModal .top2-wording-content {
    color: #fff000;
    font-size: 19px;
    line-height: 1.1em;
    font-family: 'Lato Black' !important;
    padding-left: 50px;
    padding-top: 3px;
}

#renewModal .bigyellow {
    color: #fff100;
    font-size: 26px;
    font-family: 'Lato Black' !important;
}

#renewModal .smal1 img {
    width: 375px;
    margin-left: -20px;
}

#renewModal .num2-renewimg{
	width: 367px;
    margin-left: -40px;
}

#renewModal .num3-renewimg{
	width: 356px;
    margin-left: -75px;
}

#renewModal .speaker_content{
    margin-top: -35px;
}

#renewModal .info-speaker-img {
    width: 96.5%;
    margin-top: -35px;
}

#renewModal .bottom_content {
    padding-top: 40px;
    display: inline-block;
}

#renewModal .explodeimgbox1{
	margin-right: -5px;
    margin-top: 28px;
    height: 100px;
    width: 100%;
}

.timer-info {
    font-size: 21px;
    color: #c42126;
    font-family: 'Lato Black' !important;
    line-height: 1;
}

.timer-info-date {
    font-size: 70px;
    color: #c42126;
    font-family: 'Lato Black' !important;
    line-height: 1;
}

.timer-txt {
    text-align: center;
    background: #fff100;
    border: 4px solid white;
    border-radius: 5px;
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    position: relative;
    vertical-align: middle;
}

#renewModal .timer-txt:before{
	content: "";
    position: absolute;
    background-image: url(../images/Fire.png);
	right: 77px;
    top: -55px;
    width: 73px;
    height: 54%;
    border-radius: 50px;
    transition: all 0.3s;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 50px 70px;
}

#renewModal .icon-box1{
    vertical-align: bottom;
    display: inline-flex;
    position: relative;
}

 #renewModal .icon-box3 {
    vertical-align: bottom;
    display: inline-flex;
    position: relative;
}

#renewModal .explodeimgbox3 {
    margin-left: -5px;
    height: 100px;
    width: 100%;
    margin-top: 28px;
}

#renewModal .icon-box1-img1{
    text-align: right;
}

#renewModal .icon-box1-img2 {
    display: inline-block;
    vertical-align: bottom;
}

#renewModal .leftDot {
    margin-right: -17px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 55px;
    margin-left: 14px;
}

#renewModal .rightDot {
    display: inline-block;
    vertical-align:middle;
	margin-top: 55px;
    margin-left: -14px;
    margin-right: 14px;
}

#renewModal .leftDot img, #renewModal .rightDot img {
    width: 12px;
}

#renewModal .info-bottom_renewal {
	 display: inline-block;
    height: 100%;
    padding-top: 20px;
    text-align: center;
}

#renewModal .leftStar-img {
    width: 100%;
}

#renewModal .renewal_txt_left {
   background: white;
    border: 4px solid #fff100;
    border-radius: 4px;
    animation: up-down 3s ease-in-out infinite alternate-reverse both;
    position: relative;
    margin-left: 30px !important;
    bottom: 100px;
    margin-right: 30px !important;
    margin: auto;
    animation-name: shake;
}

#renewModal .renewal_txt_right {
    background: white;
    border: 4px solid #fff100;
    border-radius: 4px;
    animation: up-down 3s ease-in-out infinite alternate-reverse both;
    position: relative;
    margin-left: 30px !important;
    bottom: 100px;
    margin-right: 30px !important;
    margin: auto;
    animation-name: shake;
}

#renewModal .renewal_txt_left a, #renewModal .renewal_txt_right a{
    text-decoration: none !important;
    font-family: 'Lato Black' !important;
    font-size: 24px;
    color: #db1f2d !important;
}

#renewModal .rightStar-img {
    margin-left: -30px;
    width: 100%;
}

#renewModal .renewal_txt_NOW {
    font-size: 32px;
    font-family: 'Lato Black' !important;
}

#renewModal .bgcleft{
	background-color: #ED2E34;
}

.bgcright{
	background-color: #DB1F2D;
}

.mobile_left-content_outer, .mobile-content_outerv2, .bottom_content_mobile, .info-bottom_renewal_mobile{
		display: none;
	}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px){
	#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 700px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 13px !important;
	    padding-left: 70px;
	    margin-top: 10px !important;
    	padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 18px !important;
    	margin-top: 5px !important;
	}
    
    #renewModal .child {
    	width: 65%;
    	padding-top: 20px;
    	margin: auto !important;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 14px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 13px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 36.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 16.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	padding-top: 15px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 76px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	    margin-left: 22px !important;
    	margin-top: 43px !important;
    	 margin-right: 5px !important;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 0px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 5px !important;
    margin-top: 43px !important;
    margin-right: -25px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: auto;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 50px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 45px !important;
	    margin-right: 45px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 15px;
	}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px){

	#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 770px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 15px;
	    padding-left: 70px;
	    margin-top: 5px;
    	padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 18px !important;
    	margin-top: 5px !important;
	}
    
    #renewModal .child {
    	width: 65%;
    	padding-top: 20px;
    	margin: auto !important;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-size: 14px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 18px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 15px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 36.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 16.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	padding-top: 15px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 76px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	    margin-left: 16px !important;
    	margin-top: 43px !important;
    	 margin-right: 5px !important;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 0px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 5px !important;
    margin-top: 43px !important;
    margin-right: -25px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: auto;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 50px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 45px !important;
	    margin-right: 45px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 18px;
	}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 2){

	#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 750px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 15px;
	    padding-left: 70px;
	    margin-top: 5px;
    	padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 18px !important;
    	margin-top: 5px !important;
	}
    
    #renewModal .child {
    	width: 65%;
    	padding-top: 20px;
    	margin: auto !important;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-size: 14px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 18px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 15px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 36.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 16.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	padding-top: 15px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 76px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	    margin-left: 20px;
    	margin-top: 43px;
    	 margin-right: 5px;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 0px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 5px !important;
    margin-top: 43px !important;
    margin-right: -25px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: auto;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 20px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 45px !important;
	    margin-right: 45px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 18px;
	}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 658px){

	#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 750px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 15px;
	    padding-left: 70px;
	    margin-top: 5px;
    	padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 18px !important;
    	margin-top: 5px !important;
	}
    
    #renewModal .child {
    	width: 65%;
    	padding-top: 20px;
    	margin-left: -10px;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-size: 14px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 18px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 15px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 36.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 16.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	padding-top: 15px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 76px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	    margin-left: 16px !important;
    	margin-top: 43px !important;
    	 margin-right: 5px !important;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 0px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 5px !important;
    margin-top: 43px !important;
    margin-right: -25px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: auto;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 40px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 45px !important;
	    margin-right: 45px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 18px;
	}
}


@media only screen and (max-width: 992px) and (min-width: 500px){

	.main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% !important;
    }
    
	.left-content_img, .right-content_img, .speaker_content, .bottom_content{
		display: none;
	}
	
	.mobile_left-content_outer, .mobile-content_outerv2, .bottom_content_mobile, .info-bottom_renewal_mobile{
		display: block;
	}
	
	.MainRenew_content {
    	padding-left: 0px; 
	}/*
	
	.MainRenew_content h4 {
        font-size: 17px !important;
    	padding-left: 63px;
    	margin-top: 10px !important;
    	padding-bottom: 0px !important;
    } */
    
   	#renewModal p.description {
   		margin-bottom: 0px;
   		font-family: 'Lato Black' !important;
	}
	
	/*.Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	.mobile_left-content_outer{
		padding-top:50px;
		display:block;
	}
	
	*/.mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    .Shield-icon-content {
	    font-size: 15px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
    }
    
    .smallerYellow {
	    font-size: 20px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	.smallerWhite {
	    color: white;
	    font-size: 17px;
	    font-family: 'Lato-Bold';
	}
	
	.mobile-content_innerv2 {
    	text-align: center;
	}
	
	.mobile-content_outerv2{
    padding-top: 20px;
}
	
	.timer-info {
    	font-size: 15px;
   	}
   	
   	.timer-info-date {
    	font-size: 30px;
    }

	.renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	.renewal_txt_NOW {
    	font-size: 25px;
	}
	
	.info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 0px !important;
	}
	
	.renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 65px !important;
	    margin-right: 65px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	.renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 20px;
	}
}


/*expired css*/

#expireModal #main {
      background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background: url("../images/Expired-Background-2.png");
    width: 100%;
    background-size: 100% !important;
}


/*--------------------------------------------------------------
# MainRenew_content Section
--------------------------------------------------------------*/

#expireModal #mainRenewt {
    overflow: hidden;
}

#expireModal .MainRenew_content {
    text-align: center;
    padding-left: 140px;
    padding-top: 8px;
}

#expireModal .MainRenew_content h4 {
    color: #fff100;
    font-family: 'Lato Black' !important;
    font-size: 28px;
}

#expireModal .MainRenew_content #expireDate{
    font-family: 'Lato Black' !important;
}

.enjoyitem-content {
    text-align: center;
}

/*--------------------------------------------------------------
# enjoyitem Section
--------------------------------------------------------------*/
#enjoyitem {
	overflow: hidden;
	padding-top: 30px;
}

#expireModal .section-header {
    text-align: center;
    font-family: 'Lato Black' !important;
    color: white;
    font-size: 25px;
}

#expireModal .section-header p {
    font-family: 'Lato Black' !important;
}

#expireModal .enjoyitem {
    text-align: center;
}

#expireModal .enjoyitem-content {
    text-align: right;
    padding-top: 10px;
    width: 100%;
    margin-left: 70px;
}

#expireModal .enjoyitem-img img {
    width: 100%;
}

#expireModal .wordings-content .wordings-content_row{
	display: flex;
    flex-wrap: wrap;
}

/*--------------------------------------------------------------
# wordings Section
--------------------------------------------------------------*/
#expireModal .wordings-content {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    background: #801517;
    width: 99%;
    margin: auto;
    border-radius: 20px;
}

#expireModal .enjoyitemPa {
    color: white;
    font-size: 17px;
    font-family: 'Lato Black' !important;
    padding-top: 10px;
}

#expireModal #wordings {
    padding-top: 40px;    
    padding-left: 20px;
    padding-right: 20px;
}

#expireModal .wordingoutertop {
    width: 20%;
    border-right: 1px solid #ED3035;
}

#expireModal .lastdivline{
	border-right: 0px solid #ED3035;
}

#expireModal .smalleryellow {
    font-size: 28px;
    font-family: 'Lato Black' !important;
    color: #fff100;
    line-height: 1;
}

#expireModal #middleword2 {
    padding-top: 30px;
}

#expireModal .middleword2-content {
    width: 88%;
    text-align: center;
    margin: auto;
    font-size: 25px;
    font-family: 'Lato Black' !important;
    color: white;
    line-height: 1.4;
}

#expireModal .middleword2-content p {
    font-family: 'Lato Black' !important;
}

#expireModal .renewal_txt_left {
    background: white;
    border: 4px solid #fff100;
    border-radius: 4px;
    animation: up-down 3s ease-in-out infinite alternate-reverse both;
    position: relative;
    margin-left: 35px !important;
    bottom: 100px;
    margin-right: 35px !important;
    margin: auto;
    text-align: center;
    animation-name: shake;
}

#expireModal .leftStar-img.img-fluid {
    padding-left: 14px;
    width: 100%;
}

#expireModal .rightStar-img.img-fluid {
    padding-left: 14px;
    width: 100%;
}

#expireModal .renewal_txt_right {
    background: white;
    border: 4px solid #fff100;
    border-radius: 4px;
    animation: up-down 3s ease-in-out infinite alternate-reverse both;
    position: relative;
    margin-left: 35px !important;
    bottom: 100px;
    margin-right: 35px !important;
    margin: auto;
    text-align: center;
    animation-name: shake;
}

#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    text-decoration: none;
    font-family: 'Lato Black' !important;
    font-size: 24px;
    color: #db1f2d;
}

#expireModal #bottom-btn {
    overflow: hidden;
    margin-bottom: -35px;
}

#expireModal .bottom-container-fuild {
    background: url(../images/Expired-bottom-backgound.png);
    background-size: 100% 100%;
    background-position: center;
    margin-top: 25px;
}

#expireModal .bottom-btn-outter {
    bottom: -10px;
    position: relative;
}

#expireModal .renewal_txt_NOW {
    font-size: 32px;
    line-height: 1;
    font-family: 'Lato Black' !important;
}

#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: none;
}

@media only screen and (max-device-width: 320px){
	#expireModal .cancel_btn {
    	padding-left: 5px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px){

	#expireModal #main {
	    background: url(../images/Expired-Mobile-background.png);
	    background-size: 100% 100% !important;
	    overflow: hidden;
	}
	
	#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile{
		display: block;
	}
	
	#expireModal #enjoyitem-mobile{
		margin-top: 25px;
	}
	
	#expireModal #wordings-mobile{
		padding-top: 10px;
	}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2{
		display: none;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 11px !important;
    	padding-top: 3px;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px !important;
	}
	
	.cancel_btn {
	    padding-left: 12px;
	}
	
	#expireModal img.child {
    	width: 25px;
    	margin-left: -4px;
	}
	
	.enjoyitem-content-mobile {
    	width: 70%;
    	margin: auto;
	}
	
	.enjoyitem-content-mobile2 {
    	width: 70%;
    	margin: auto;
	}
	
	#expireModal .section-header {
    	padding-bottom: 10px;
    	font-size: 14px;
	}
	
	.enjoyitemPa {
    	font-size: 11px;
    	padding-top: 14px;
	    color: #F0E90D;
	    text-align: center;
	    padding-bottom: 0px;
	}
	
	.enjoyitemPa.pa1 {
    	margin-left: 13px;
	}
		
	.wordings-content-mobile {
	    text-align: center;
	    background: #801517;
	    width: 95%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	.wordings-content-mobile2 {
	    text-align: center;
	    background: #801517;
	    width: 85%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	.vl {
	    border-left: 1px solid #ED3035;
	    height: 68%;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -7px;
	}
	
	.v2 {
	    border-left: 1px solid #ED3035;
	    height: 68%;
	    top: -63px;
	    position: relative;
    	float: right;
    	right: -11px;
	}
	
	.enjoyitem-img-mobile2 img {
    	width: 60px;
	}
	
	.enjoyitem-mobile2 {
	    text-align: center;
	    padding-top: 20px;
	}
	
	.v3 {
	    border-left: 1px solid #ED3035;
	    height: 68%;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	.Pa5{
		margin-right: 8px;
	}
	
	.renewal_txt_left a, .renewal_txt_right a {
    	font-size: 17px;
    }
	.renewal_txt_NOW {
    	font-size: 25px;
    }
    
    .renewal_txt_mobile {
	    background-image: url(../images/Stars.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding-top: 40px;
    	margin-top: -15px;
    }
    
    .renewal_txt_left, .renewal_txt_right {
    	margin-left: 35px !important;
	    bottom: 12px;
	    margin-right: 35px !important;
	    margin-top: 25px;
	}
	
	.bottom-btn-outter {
    	bottom: 0px;
    	position: relative;
    	height: auto;
	}
	
	#enjoyitem-mobile2 {
    	padding-bottom: 10px;
	}
}


@media only screen and (min-device-width: 414px) and (max-device-height: 736px){
	
	#expireModal #main {
	    background: url(../images/Expired-Mobile-background.png);
	    background-size: 100% !important;
	    overflow: hidden;
	}
	
	#enjoyitem-mobile, #wordings-mobile, #enjoyitem-mobile2, #wordings-mobile2, #bottom-btn-mobile{
		display: block;
	}
	
	#enjoyitem-mobile{
		margin-top: 25px;
	}
	
	#wordings-mobile{
		padding-top: 10px;
	}
	
	#enjoyitem, #wordings, #bottom-btn, #middleword2{
		display: none;
	}
	
	.MainRenew_content h4 {
    	font-size: 12px;
	}
	
	.MainRenew_content {
    	padding-left: 80px;
	}
	
	#expireModal .cancel_btn {
	    padding-top: 14px;
	    padding-left: 15px;
	}
	
	#expireModal img.child {
    	width: 25px;
    	margin-left: -4px;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 70%;
    	margin: auto;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    	width: 70%;
    	margin: auto;
	}
	
	#expireModal .section-header {
    	padding-bottom: 10px;
    	font-size: 14px;
	}
	
	#expireModal .enjoyitemPa {
    	font-size: 11px;
    	padding-top: 14px;
	    color: #F0E90D;
	    text-align: center;
	    padding-bottom: 0px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    	margin-left: 13px;
	}
		
	#expireModal .wordings-content-mobile {
	    text-align: center;
	    background: #801517;
	    width: 95%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	#expireModal .wordings-content-mobile2 {
	    text-align: center;
	    background: #801517;
	    width: 85%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	#expireModal .vl {
	    border-left: 1px solid #ED3035;
	    height: 68%;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -7px;
	}
	
	#expireModal .v2 {
	    border-left: 1px solid #ED3035;
	    height: 68%;
	    top: -63px;
	    position: relative;
    	float: right;
    	right: -11px;
	}
	
	#expireModal .enjoyitem-img-mobile2 img {
    	width: 69.39px;
	}
	
	.enjoyitem-mobile2 {
	    text-align: center;
	    padding-top: 20px;
	}
	
	#expireModal .v3 {
	border: 0.1px solid #ED3035 !important;
    height: 50px !important;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal .Pa5{
		margin-right: 8px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    	font-size: 17px;
    }
	
	#expireModal .renewal_txt_NOW {
    	font-size: 25px;
    }
    
    #expireModal .renewal_txt_mobile {
	    background-image: url(../images/Stars.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding-top: 40px;
    	margin-top: -15px;
    }
    
    #expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    	margin-left: 35px !important;
	    bottom: 12px;
	    margin-right: 35px !important;
	    margin-top: 25px;
	}
	
	#expireModal .bottom-btn-outter {
    	bottom: 0px;
    	position: relative;
    	height: auto;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-bottom: 10px;
	}
}

@media only screen and (max-width: 992px) and (min-width: 500px){
	#expireModal #main {
	    background: url(../images/Expired-Mobile-background.png);
	    background-size: 100% !important;
	    overflow: hidden;
	}
	
	#enjoyitem-mobile, #wordings-mobile, #enjoyitem-mobile2, #wordings-mobile2, #bottom-btn-mobile{
		display: block;
	}
	
	#enjoyitem-mobile{
		margin-top: 25px;
	}
	
	#wordings-mobile{
		padding-top: 10px;
	}
	
	#enjoyitem, #wordings, #bottom-btn, #middleword2{
		display: none;
	}
	
	.MainRenew_content h4 {
    	font-size: 26px !important;
	}
	
	.MainRenew_content {
    	padding-left: 80px;
	}
	
	#expireModal .cancel_btn {
	    padding-top: 14px;
	    padding-left: 15px;
	}
	
	#expireModal img.child {
    	width: 25px;
    	margin-left: -4px;
	}
	
	.enjoyitem-content-mobile {
    	width: 70%;
    	margin: auto;
	}
	
	.enjoyitem-content-mobile2 {
    	width: 70%;
    	margin: auto;
	}
	
	.section-header {
    	padding-bottom: 10px;
    	font-size: 14px;
	}
	
	.enjoyitemPa {
    	font-size: 11px;
    	padding-top: 14px;
	    color: #F0E90D;
	    text-align: center;
	    padding-bottom: 0px;
	}
	
	.enjoyitemPa.pa1 {
    	margin-left: 13px;
	}
		
	.wordings-content-mobile {
	    text-align: center;
	    background: #801517;
	    width: 95%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	.wordings-content-mobile2 {
	    text-align: center;
	    background: #801517;
	    width: 85%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	.vl {
	    border-left: 1px solid #ED3035;
	    height: 68%;
    	top: 10px;
	    position: relative;
	    float: left;
	    left: -7px;
	}
	
	.v2 {
	    border-left: 1px solid #ED3035;
	    height: 68%;
	    top: -35px;
	    position: relative;
    	float: right;
    	right: -11px;
	}
	
	.enjoyitem-img-mobile2 img {
    	width: 69.39px;
	}
	
	.enjoyitem-mobile2 {
	    text-align: center;
	    padding-top: 20px;
	}
	
	.v3 {
	   border: 0.1px solid #ED3035;
    height: 60px;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	.Pa5{
		margin-right: 8px;
	}
	
	.renewal_txt_left a, .renewal_txt_right a {
    	font-size: 17px;
    }
	.renewal_txt_NOW {
    	font-size: 25px;
    }
    
    .renewal_txt_mobile {
	    background-image: url(../images/Stars.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding-top: 40px;
    	margin-top: -15px;
    }
	
	.bottom-btn-outter {
    	bottom: 0px;
    	position: relative;
    	height: auto;
	}
	
	#enjoyitem-mobile2 {
    	padding-bottom: 10px;
	}
}


@media only screen and (max-width: 992px) and (min-width: 500px) and (orientation : landscape){
	
	
	.MainRenew_content h4 {
    	font-size: 15px;
    	padding-top: 10px;
	}
	
	#enjoyitem-mobile {
    	margin-top: 18px;
	}
	
	.section-header {
    	font-size: 16px;
	}
	
	.enjoyitem-img-mobile2 img {
	    width: 92.73px;
	}
}


/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px){

}


/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px){
	
	#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}
	
	#expireModal #main {
    background: url(../images/Expired-Mobile-background.png);
    background-size: 100% 100% !important;
    overflow: hidden;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px;
    	    margin-top: -12px;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 11px;
	}
	
	#expireModal .expiremobile_main {
    width: 83.333333%;
        float: left;
	}
	
	 #expireModal .expiremobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
	
	#expireModal .child {
	    width: 20px;
   		margin-left: -4px;
    	padding-top: 15px;
	}
	
	#expireModal #enjoyitem-mobile {
    	padding-top: 12px;
	}
	
	#expireModal .section-header {
    	font-size: 13px;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid{
		width: 100%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	    padding-top: 15px;
    	text-align: center;
	}
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    margin: auto;
	}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid{
		width: 80%;
	}
	
	
	#expireModal .wordings-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 55px;
    top: 8px;
    position: relative;
    float: left;
    left: -7px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
    height: 52px;
    top: -45px;
    position: relative;
    float: right;
    left: 15px;
    margin-bottom: -36px;
	}
	
	#expireModal #wordings-mobile {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 20px;
    	text-align: center;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .v3 {
	border: 0.1px solid #ED3035 !important;
    height: 50px !important;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 17px;
	}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 3){
		#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}
	
	#expireModal #main {
    background: url(../images/Expired-Mobile-background.png);
    background-size: 100% 100% !important;
    overflow: hidden;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px;
    	    margin-top: -12px;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 11px;
	}
	
	#expireModal .expiremobile_main {
    width: 83.333333%;
        float: left;
	}
	
	 #expireModal .expiremobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
	
	#expireModal .child {
	    width: 20px;
   		margin-left: -4px;
    	padding-top: 15px;
	}
	
	#expireModal #enjoyitem-mobile {
    	padding-top: 12px;
	}
	
	#expireModal .section-header {
    	font-size: 13px;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid{
		width: 100%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	    padding-top: 15px;
    	text-align: center;
	}
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    margin: auto;
	}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid{
		width: 80%;
	}
	
	
	#expireModal .wordings-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .vl {
        border: 0.1px solid #ED3035;
    height: 49px;
    top: 15px;
    position: relative;
    float: left;
    left: -7px;
	}
	
	#expireModal .v2 {
	    border: 0.1px solid #ED3035;
    height: 49px;
    top: -40px;
    position: relative;
    float: right;
    right: -7px;
    margin-bottom: -28px;
	}
	
	#expireModal .v3 {
    border: 0.1px solid #ED3035;
	height: 60px;
    top: 13px;
    position: relative;
    float: left;
    left: -17px;
	}
	
	#expireModal .bottom-btn-outter {
    	padding-bottom: 15px;
	}
	
	#expireModal #wordings-mobile {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 20px;
    	text-align: center;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 85%;
    margin: auto;
    border-radius: 14px;
        padding-left: 6px;
    padding-right: 6px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 17px;
	}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px){
		#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}
	
	#expireModal #main {
    background: url(../images/Expired-Mobile-background.png);
    background-size: 100% 100% !important;
    overflow: hidden;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px;
    	    margin-top: 0px;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 12px;
	}
	
	#expireModal .expiremobile_main {
    width: 83.333333%;
        float: left;
	}
	
	 #expireModal .expiremobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
	
	#expireModal .child {
	    width: 20px;
   		margin-left: -4px;
    	padding-top: 15px;
	}
	
	#expireModal #enjoyitem-mobile {
    	padding-top: 0px;
	}
	
	#expireModal .section-header {
    	font-size: 14px;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid{
		width: 100%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	    padding-top: 15px;
    	text-align: center;
	}
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    margin: auto;
	}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid{
		width: 80%;
	}
	
	
	#expireModal .wordings-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .vl {
       border: 0.1px solid #ED3035;
    height: 49px;
    top: 15px;
    position: relative;
    float: left;
    left: -7px;
	}
	
	#expireModal #wordings-mobile {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 17px;
	}
}

/*Ipad ----------- */
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){
		#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}
	
	#expireModal #main {
    background: url(../images/Expired-Mobile-background.png);
    background-size: 100% 100% !important;
    overflow: hidden;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px;
    	    margin-top: 0px;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 19px !important;
	    padding-left: 45px;
	    margin-top: 3px !important;
	}
	
	#expireModal .expiremobile_main {
    width: 83.333333%;
        float: left;
	}
	
	 #expireModal .expiremobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
	
	#expireModal .child {
	    width: 30px !important;
   		margin-left: -4px;
    	padding-top: 15px;
	}
	
	#expireModal .bottom-btn-outter {
	    padding-bottom: 6px;
	    position: relative;
	    padding-top: 15px;
	}
	
	#expireModal #enjoyitem-mobile {
    	padding-top: 0px;
	}
	
	#expireModal #enjoyitem-mobile .container {
    	width: 100%;
	}
	
	#expireModal .section-header {
    	font-size: 19px;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid{
		width: 80%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	    padding-top: 15px;
    	text-align: center;
	}
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    margin: auto;
	}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid{
		width: 61%;
	}
	
	
	#expireModal .wordings-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 60px;
    top: 10px;
    position: relative;
    float: left;
    left: -15px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
    height: 60px;
    top: -56px;
    position: relative;
    float: right;
    right: -11px;
    margin-bottom: -40px;
	}
	
	#expireModal #wordings-mobile {
    	padding-top: 20px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 85%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 .container{
		width:100%;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 75%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 15px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .bottom-btn-mobile {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 30px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 20px;
	}
	
	#expireModal #bottom-btn-mobile {
    margin: auto;
    width: 68%;
	}
	
	/*renwal modal ipad*/
	
	#renewModal .MainRenew_content {
    	    padding-left: 100px;
    margin-top: 20px;
	}
	
	#renewModal .MainRenew_content h4 {
    	font-size: 20px;
    }
    
    #renewModal .child{
	    padding-top: 30px;
	    width: 45%;
	    margin-left: 5px;
	}
	
	#renewModal .mobile_left-content_outer {
	    padding-top: 25px;
	    display: block;
	}
	
	#renewModal .Shield-icon-content {
	       font-size: 20px;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -3px;
	}
	
	.info-bottom_renewal_mobile {
    text-align: center;
    padding-bottom: 20px !important;
        padding-top: 25px !important;
	}
	
	#renewModal .explodeimgbox1 {
	    height: 60px;
	    width: 100%;
	}
	
	#renewModal .timer-txt:before {
	   	right: 46px;
	    top: -40px;
	    width: 73px;
	    height: 70%;
	    background-size: 52px 52px;
	}

	#renewModal #info-bottom_mobile .col-lg-5{
    flex: 0 0 auto;
    width: 39.66666667%;
    float: left;
	}
	
	#renewModal #info-bottom_mobile .col-lg-2{
    flex: 0 0 auto;
    width: 17.66666667%;
    float: left;
	}
	
	#renewModal .leftDot {
    margin-right: -30px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 40px;
    margin-left: 16px;
	}
	
	#renewModal .main-banner {
    background: url(../images/Background-mobile.png);
    background-size: 100% !important;
	}
	
	#renewModal .timer-txt {
    height: 88px;
    width: 90px;
	}
	
	#renewModal .explodeimgbox3 {
    height: 60px;
    width: 100%;
    }
    
    #renewModal .rightDot {
    margin-top: 37px;
    margin-left: -1px;
    margin-right: 12px;
	}
	
	#renewModal .renewal_txt_left {
    margin-left: 65px !important;
    bottom: 159px;
    margin-right: 65px !important;
	}
	
	#renewModal .renewal_txt_right {
    margin-left: 65px !important;
    bottom: 159px;
    margin-right: 65px !important;
	}
	
	.bottom_content_mobile {
    padding-top: 50px;
    text-align: center;
    width: 100%;
	}
	
	#renewModal .bgcleft {
    	height: 160px;
	}
	
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content {
    	display: none;
	}
}

/*Ipad ----------- */
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
		#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}
	
	#expireModal #main {
    background: url(../images/Expired-Mobile-background.png);
    background-size: cover !important;
    overflow: hidden;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px;
    	    margin-top: 0px;
	}
	
	#expireModal .MainRenew_content h4 {
    	    font-size: 30px !important;
	    padding-left: 105px;
	    margin-top: 24px !important;
	}
	
	#expireModal .expiremobile_main {
    width: 83.333333%;
        float: left;
	}
	
	 #expireModal .expiremobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
	
	#expireModal .child {
	    width: 40px !important;
	    margin-left: 35px;
	    padding-top: 45px;
	}
	
	#expireModal .bottom-btn-outter {
	    padding-bottom: 6px;
	    position: relative;
	    padding-top: 15px;
	}
	
	#expireModal #enjoyitem-mobile {
    	padding-top: 45px;
	}
	
	#expireModal #enjoyitem-mobile .container {
    	width: 100%;
	}
	
	#expireModal .section-header {
    	font-size: 30px;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid{
		width: 75%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	    padding-top: 15px;
    	text-align: center;
	}
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    text-align: center;
    margin: auto;
	}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid{
		width: 57%;
	}
	
	
	#expireModal .wordings-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 75px;
    top: 14px;
    position: relative;
    float: left;
    left: 0px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
        height: 75px;
    top: -65px;
    position: relative;
    float: right;
    right: -11px;
    margin-bottom: -49px;
	}
	
	#expireModal #wordings-mobile {
    	padding-top: 20px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 85%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 20px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 20px;
	}
	
	#expireModal .v3 {
	    border: 0.1px solid #ED3035;
	    height: 75px;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal #enjoyitem-mobile2 .container{
		width:100%;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 73%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 19px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .bottom-btn-mobile {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 30px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 23px;
	}
	
	#expireModal #bottom-btn-mobile {
    	margin: auto;
    	width: 95%;
        padding-bottom: 20px;
	}
}

/*Ipad Pro ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){
		#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}
	
	#expireModal #main {
    background: url(../images/Expired-Mobile-background.png);
    background-size: cover !important;
    overflow: hidden;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px;
    	    margin-top: 0px;
	}
	
	#expireModal .MainRenew_content h4 {
    	    font-size: 29px !important;
	    padding-left: 98px;
	    margin-top: 25px !important;
	}
	
	#expireModal .expiremobile_main {
    width: 83.333333%;
        float: left;
	}
	
	 #expireModal .expiremobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
	
	#expireModal .child {
	   width: 45px !important;
    margin-left: 25px;
    padding-top: 45px;
	}
	
	#expireModal .bottom-btn-outter {
	    padding-bottom: 6px;
	    position: relative;
	    padding-top: 15px;
	}
	
	#expireModal #enjoyitem-mobile {
    	padding-top: 50px;
	}
	
	#expireModal #enjoyitem-mobile .container {
    	width: 100%;
	}
	
	#expireModal .section-header {
    	font-size: 32px;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid{
		width: 75%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	    padding-top: 15px;
    	text-align: center;
	}
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
	text-align: center;
    margin: auto;
	}
	
	#expireModal .v3 {
	    border: 0.1px solid #ED3035;
	    height: 80px;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid{
		width: 57%;
	}
	
	
	#expireModal .wordings-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 88px;
    top: 16px;
    position: relative;
    float: left;
    left: -15px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
    height: 88px;
    top: -68px;
    position: relative;
    float: right;
    right: -11px;
    margin-bottom: -50px;
	}
	
	#expireModal #wordings-mobile {
    	padding-top: 20px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 85%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 20px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 20px;
	}
	
	#expireModal #enjoyitem-mobile2 .container{
		width:100%;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 75%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 21px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .bottom-btn-mobile {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 30px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 23px;
	}
	
	#expireModal #bottom-btn-mobile {
	    margin: auto;
	    width: 95%;
        padding-bottom: 20px;
	}
	
	/*renwal modal ipad*/
	
	.mobile_left-content_outer, .mobile-content_outerv2, .bottom_content_mobile, .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	    padding-left: 155px;
    margin-top: 32px;
	}
	
	#renewModal .MainRenew_content h4 {
    	    font-size: 31px;
    }
    
    #renewModal .child{
	    padding-top: 60px;
	    width: 45%;
	    margin-left: 5px;
	}
	
	#renewModal .mobile_left-content_outer {
	    padding-top: 45px;
	    display: block;
	}
	
	#renewModal .Shield-icon-content {
	       font-size: 29px;
	         font-family: 'Lato Black' !important;
    color: #db1f2d;
    margin-left: 48px;
	}
	
	#renewModal .mobile-content_innerv2 {
    text-align: center;
	}
	
	#renewModal .smallerWhite {
    color: white;
    font-size: 21px;
    font-family: 'Lato-Bold';
	}
	
	#renewModal .mobile-content_outerv2 {
    	padding-top: 20px;
	}
	
	#renewModal .smallerYellow {
    font-size: 26px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: 'Lato Black' !important;
    color: #F0E90D;
    line-height: 1.3;
	}
	
	#renewModal .bottom_content_mobile {
    padding-top: 50px;
    text-align: center;
    width: 100%;
	}
	
	#renewModal #info-bottom_mobile .col-lg-5 {
    flex: 0 0 auto;
    width: 39.66666667%;
    float: left;
	}
	
	#renewModal #info-bottom_mobile .col-lg-2 {
    flex: 0 0 auto;
    width: 17.66666667%;
    float: left;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 32px;
	    margin-top: 0px;
	}
	
	.info-bottom_renewal_mobile {
    text-align: center;
    padding-bottom: 20px !important;
        padding-top: 25px !important;
	}
	
	#renewModal .explodeimgbox1 {
	         height: 84px;
    width: 170px;
	}
	
	#renewModal .timer-txt:before {
	right: 70px;
    top: -43px;
    width: 73px;
    height: 70%;
    background-size: 55px 55px;
	}

	#renewModal #info-bottom_mobile .col-lg-5{
    flex: 0 0 auto;
    width: 39.66666667%;
    float: left;
	}
	
	#renewModal #info-bottom_mobile .col-lg-2{
    flex: 0 0 auto;
    width: 18.66666667%;
    float: left;
	}
	
	#renewModal .leftDot {
    margin-right: -30px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 40px;
    margin-left: 16px;
	}
	
	#renewModal .main-banner {
    background: url(../images/Background-mobile.png);
    background-size: 100% !important;
	}
	
	#renewModal .timer-txt {
	height: 110px;
    width: 110px;
	}
	
	#renewModal .timer-info {
    font-size: 19px;
	}
	
	#renewModal .timer-info-date {
    font-size: 55px;
   	}
	
	#renewModal .explodeimgbox3 {
height: 84px;
    width: 170px;
    }
    
    #renewModal .rightDot {
    margin-top: 45px;
    margin-left: -54px;
    margin-right: 20px;
	}
	
	#renewModal .renewal_txt_left {
    margin-left: 65px !important;
    bottom: 159px;
    margin-right: 65px !important;
	}
	
	#renewModal .renewal_txt_right {
    margin-left: 65px !important;
    bottom: 159px;
    margin-right: 65px !important;
	}
	
	#renewModal .renewal_txt_mobile {
    background-image: url(../images/Stars.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 40px;
    margin-top: -15px;
	}
	
	.renewal_txt_mobile_content {
    background: white;
    border: 4px solid #fff100;
    border-radius: 4px;
    animation: up-down 3s ease-in-out infinite alternate-reverse both;
    position: relative;
    margin-left: 115px !important;
    margin-right: 115px !important;
    margin: auto;
    animation-name: shake;
	}
	
	.renewal_txt_mobile_content a {
    text-decoration: none;
    color: #db1f2d;
    font-family: 'Lato Black' !important;
    font-size: 40px;
	}
	
	#renewModal .renewal_txt_NOW {
    font-size: 50px;
    font-family: 'Lato Black' !important;
	}
	
	.bottom_content_mobile {
    padding-top: 50px;
    text-align: center;
    width: 100%;
	}
	
	#renewModal .bgcleft {
    	height: 160px;
	}
	
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content {
    	display: none;
	}
	
	#renewModal .mobile_left-content_inner {
    background: #fff100;
    padding-left: 30px;
    padding-top: 10px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-bottom: 10px;
    width: 94%;
    padding-bottom: 6px;
	}
}

/*Ipad pro----------- */
@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
		#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}
	
	#expireModal #main {
    background: url(../images/Expired-Mobile-background.png);
    background-size: cover !important;
    overflow: hidden;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px;
    	    margin-top: 0px;
	}
	
	#expireModal .MainRenew_content h4 {
    	    font-size: 30px !important;
	    padding-left: 105px;
	    margin-top: 24px !important;
	}
	
	#expireModal .expiremobile_main {
    width: 83.333333%;
        float: left;
	}
	
	 #expireModal .expiremobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
	
	#expireModal .child {
	    width: 40px !important;
	    margin-left: 35px;
	    padding-top: 45px;
	}
	
	#expireModal .bottom-btn-outter {
	    padding-bottom: 6px;
	    position: relative;
	    padding-top: 15px;
	}
	
	#expireModal #enjoyitem-mobile {
    	padding-top: 45px;
	}
	
	#expireModal #enjoyitem-mobile .container {
    	width: 100%;
	}
	
	#expireModal .section-header {
    	font-size: 30px;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid{
		width: 75%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	    padding-top: 15px;
    	text-align: center;
	}
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    text-align: center;
    margin: auto;
	}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid{
		width: 57%;
	}
	
	
	#expireModal .wordings-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 75px;
    top: 14px;
    position: relative;
    float: left;
    left: 0px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
        height: 75px;
    top: -65px;
    position: relative;
    float: right;
    right: -11px;
    margin-bottom: -49px;
	}
	
	#expireModal #wordings-mobile {
    	padding-top: 20px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 85%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 20px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 20px;
	}
	
	#expireModal .v3 {
	    border: 0.1px solid #ED3035;
	    height: 75px;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal #enjoyitem-mobile2 .container{
		width:100%;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 73%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 19px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .bottom-btn-mobile {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 30px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 23px;
	}
	
	#expireModal #bottom-btn-mobile {
    margin: auto;
    width: 95%;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 800px) and (orientation: portrait) {
	
	#expireModal .expiremobile_close {
    width: 16.66666667%;
    float: right;
}
	#expireModal .expiremobile_main {
    width: 83.333333%;
    float: left;
}
	
#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 750px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 15px;
	    padding-left: 70px;
	    margin-top: 5px;
    	padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 16px !important;
    	margin-top: 10px !important;
	}
    
    #renewModal .child {
    	width: 100%;
	    padding-top: 30px;
	    margin: auto;
	    margin-left: -15px;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-size: 14px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 18px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 15px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 36.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 16.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	padding-top: 15px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 76px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	        margin-left: 20px !important;
    margin-top: 43px !important;
    margin-right: 5px !important;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 4px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 5px !important;
    margin-top: 43px !important;
    margin-right: -25px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: auto;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 20px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 45px !important;
	    margin-right: 45px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 16px;
	}
	
			#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}

.mobile_left-content_outer, .mobile-content_outerv2, .bottom_content_mobile, .info-bottom_renewal_mobile {
    display: block;
}
	
#expireModal #main {
	    background: url(../images/Expired-Mobile-background.png);
	    background-size: 100% 100% !important;
	    overflow: hidden;
	        height: 710px;
   		max-height: 100%;
	}
	
	#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile{
		display: block;
	}
	
	#expireModal #enjoyitem-mobile{
		margin-top: 10px;
	}
	
	#expireModal #wordings-mobile{
		padding-top: 10px;
	}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2{
		display: none;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 12px !important;
   		margin-top: 4px;
	}
	
	#expireModal .MainRenew_content {
     	padding-left: 60px !important;
    	padding-top: 0px;
	}
	
	#expireModal img.child {
    	width: 25px;
    	margin-left: -5px;
    	padding-top: 20px;
	}
	
	#expireModal .enjoyitem-content-mobile {
    width: 80%;
    margin: auto;
    padding-top: 15px;
    text-align: center;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid {
    	width: 100%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	padding-top: 15px;
    	text-align: center;
 }
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    margin: auto;
	}
	
	#expireModal .section-header {
    	padding-bottom: 10px;
    	font-size: 12px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .wordings-content-mobile .col-4 {
    width: 33.33333333%;
    float: left;
}
	#expireModal .wordings-content-mobile2 .col-6 {
    width: 50%;
    float: left;
}
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 55px;
    top: 8px;
    position: relative;
    float: left;
    left: -7px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
    height: 52px;
    top: -45px;
    position: relative;
    float: right;
    left: 15px;
    margin-bottom: -36px;
	}
	
	#expireModal .v3 {
	border: 0.1px solid #ED3035 !important;
    height: 50px !important;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal .bottom-btn-outter {
    padding-top: 15px;
}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid {
    width: 80%;
}
	
	#expireModal #wordings-mobile {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 17px;
	}
}

/*360 landscape*/

@media only screen and (min-device-width: 360px) and (max-device-height: 800px) and (orientation: landscape) {
	
	#expireModal .expiremobile_close {
    width: 16.66666667%;
    float: right;
}
	#expireModal .expiremobile_main {
    width: 83.333333%;
    float: left;
}
	
#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 780px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 26px !important;
	    padding-left: 122px;
	    margin-top: 5px !important;
	    padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 16px !important;
    	margin-top: 10px !important;
	}
    
    #renewModal .child {
    	width: 60%;
	    padding-top: 30px;
	    margin: auto !important;
	    margin-left: -15px !important;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-size: 20px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 15px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 15px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 24px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 15px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 40.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 17.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	    padding-top: 0px;
    padding-bottom: 20px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 145px;
	}
	
	#renewModal .icon-box1-img1 {
    	width: 145px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	    margin-left: -16px !important;
    margin-top: 43px;
    margin-right: 20px !important;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 0px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 20px !important;
    margin-top: 43px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: 81px;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 20px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 90px !important;
	    margin-right: 90px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 22px;
	}
	
			#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}

.mobile_left-content_outer, .mobile-content_outerv2, .bottom_content_mobile, .info-bottom_renewal_mobile {
    display: block;
}
	
#expireModal #main {
	    background: url(../images/Expired-Mobile-background.png);
	    background-size: 100% 100% !important;
	    overflow: hidden;
	        height: 760px;
   		max-height: 100%;
	}
	
	#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile{
		display: block;
	}
	
	#expireModal #enjoyitem-mobile{
		margin-top: 10px;
	}
	
	#expireModal #wordings-mobile{
		padding-top: 10px;
	}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2{
		display: none;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 18px !important;
   		margin-top: 4px;
	}
	
	#expireModal .MainRenew_content {
     	padding-left: 115px !important;
    	padding-top: 0px;
	}
	
	#expireModal img.child {
    	width: 25px;
    	margin-left: -5px;
    	padding-top: 20px;
	}
	
	#expireModal .enjoyitem-content-mobile {
    width: 80%;
    margin: auto;
    padding-top: 15px;
    text-align: center;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid {
    	width: 60%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	padding-top: 15px;
    	text-align: center;
 }
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    margin: auto;
	}
	
	#expireModal .section-header {
    	padding-bottom: 10px;
    	font-size: 22px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .wordings-content-mobile .col-4 {
    width: 33.33333333%;
    float: left;
}
	#expireModal .wordings-content-mobile2 .col-6 {
    width: 50%;
    float: left;
}
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 55px;
    top: 8px;
    position: relative;
    float: left;
    left: -7px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
    height: 52px;
    top: -45px;
    position: relative;
    float: right;
    left: 15px;
    margin-bottom: -36px;
	}
	
	#expireModal .v3 {
	border: 0.1px solid #ED3035 !important;
    height: 35px !important;
    	top: 10px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal .bottom-btn-outter {
    padding-top: 15px;
}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid {
    width: 48%;
}
	
	#expireModal #wordings-mobile {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 80px !important;
    bottom: 12px;
    margin-right: 80px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 30px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 20px;
	}
}


/*end 360 lanscape*/

@media only screen and (device-width: 411px) and (device-height: 823px) and (orientation: portrait) {
	
	#expireModal .expiremobile_close {
    width: 16.66666667%;
    float: right;
}
	#expireModal .expiremobile_main {
    width: 83.333333%;
    float: left;
}
	
#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 750px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 15px;
	    padding-left: 70px;
	    margin-top: 5px;
    	padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 18px !important;
    	margin-top: 5px !important;
	}
    
    #renewModal .child {
    	width: 100%;
	    padding-top: 30px;
	    margin: auto;
	    margin-left: -15px;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-size: 14px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 18px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 15px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 36.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 16.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	padding-top: 15px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 76px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	    margin-left: 20px;
    	margin-top: 43px;
    	 margin-right: 5px;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 0px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 5px !important;
    margin-top: 43px !important;
    margin-right: -25px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: auto;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 20px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 45px !important;
	    margin-right: 45px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 18px;
	}
	
			#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}

.mobile_left-content_outer, .mobile-content_outerv2, .bottom_content_mobile, .info-bottom_renewal_mobile {
    display: block;
}
	
#expireModal #main {
	    background: url(../images/Expired-Mobile-background.png);
	    background-size: 100% 100% !important;
	    overflow: hidden;
	        height: 710px;
   		max-height: 100%;
	}
	
	#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile{
		display: block;
	}
	
	#expireModal #enjoyitem-mobile{
		margin-top: 25px;
	}
	
	#expireModal #wordings-mobile{
		padding-top: 10px;
	}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2{
		display: none;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 12px !important;
    	padding-top: 3px;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 70px !important;
	}
	
	.cancel_btn {
	    padding-left: 12px;
	}
	
	#expireModal img.child {
    	width: 25px;
    	margin-left: -15px;
    	    padding-top: 25px;
	}
	
	#expireModal .enjoyitem-content-mobile {
    width: 80%;
    margin: auto;
    padding-top: 15px;
    text-align: center;
	}
	
	#expireModal .enjoyitem-img-mobile .img-fluid {
    	width: 100%;
	}
	
	#expireModal .enjoyitem-content-mobile {
    	width: 80%;
    	margin: auto;
    	padding-top: 15px;
    	text-align: center;
 }
	
	#expireModal .enjoyitem-content-mobile .col-4{
		width: 33.33333333%;	
    	float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitem-content-mobile2 {
    width: 70%;
    margin: auto;
	}
	
	#expireModal .section-header {
    	padding-bottom: 10px;
    	font-size: 14px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .wordings-content-mobile .col-4 {
    width: 33.33333333%;
    float: left;
}
	#expireModal .wordings-content-mobile2 .col-6 {
    width: 50%;
    float: left;
}
	#expireModal .vl {
    border: 0.1px solid #ED3035;
    height: 55px;
    top: 8px;
    position: relative;
    float: left;
    left: -7px;
	}
	
	#expireModal .v2 {
    border: 0.1px solid #ED3035;
    height: 52px;
    top: -45px;
    position: relative;
    float: right;
    left: 15px;
    margin-bottom: -36px;
	}
	
	#expireModal .v3 {
	border: 0.1px solid #ED3035 !important;
    height: 50px !important;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	#expireModal .bottom-btn-outter {
    padding-top: 15px;
}
	
	#expireModal .enjoyitem-img-mobile2 .img-fluid {
    width: 80%;
}
	
	#expireModal #wordings-mobile {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .enjoyitemPa.pa1 {
    margin-left: 13px;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal #wordings-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal #enjoyitem-mobile2 {
    	padding-top: 10px;
	}
	
	#expireModal .wordings-content-mobile2 {
    text-align: center;
    background: #801517;
    width: 95%;
    margin: auto;
    border-radius: 14px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .wordings-content-mobile2 .col-6{
		width: 50%;
		float: left;
	}
	
	#expireModal .enjoyitemPa {
    font-size: 11px;
    padding-top: 14px;
    color: #F0E90D;
    text-align: center;
    padding-bottom: 0px;
	}
	
	#expireModal .renewal_txt_left, #expireModal .renewal_txt_right {
    margin-left: 35px !important;
    bottom: 12px;
    margin-right: 35px !important;
    margin-top: 25px;
	}
	
	#expireModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#expireModal .renewal_txt_left a, #expireModal .renewal_txt_right a {
    font-size: 17px;
	}
}

@media only screen and (device-width: 823px) and (device-height: 411px){
	#expireModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    }
    
    #renewModal .main-banner {
    	background: url(../images/Background-mobile.png);
    	background-size: 100% 100% !important;
    	    height: 750px;
    max-height: 100%;
    }
    
 #renewModal .renewmobile_main {
    width: 83.333333%;
        float: left;
}
	
	 #renewModal .renewmobile_close {
    	width: 16.66666667%;
    	    float: right;
	}
    
	#renewModal .left-content_img, #renewModal .right-content_img, #renewModal .speaker_content, #renewModal .bottom_content{
		display: none;
	}
	
	#renewModal .mobile_left-content_outer, #renewModal .mobile-content_outerv2, #renewModal .bottom_content_mobile, #renewModal .info-bottom_renewal_mobile{
		display: block;
	}
	
	#renewModal .MainRenew_content {
    	padding-left: 0px; 
	}
	
	#renewModal .MainRenew_content h4 {
        font-size: 15px;
	    padding-left: 70px;
	    margin-top: 5px;
    	padding-bottom: 0px !important;
    }
    
    #renewModal .expirydt24h {
    	font-size: 18px !important;
    	margin-top: 5px !important;
	}
    
    #renewModal .child {
    	width: 65%;
    	padding-top: 20px;
    	margin: auto !important;
	}
	
	#renewModal .Shield-icon {
	    float: left;
	    width: 27px;
	    margin-top: -7px;
	}
	
	#renewModal p.description {
   		margin-bottom: 0px;
   		font-size: 14px;
   		font-family: 'Lato Black' !important;
	}
	
	#renewModal .mobile_left-content_outer{
		padding-top:15px;
		display:block;
	}
	
	#renewModal .mobile_left-content_inner {
	    background: #fff100;
	    padding-left: 30px;    
	    padding-top: 10px;
	    border-top-right-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-bottom: 10px;
	    width: 94%;
	    padding-bottom: 6px;
    }
      
    #renewModal .Shield-icon-content {
	    font-size: 12px;
	    font-family: 'Lato Black' !important;
	    color: #db1f2d;
	    margin-left: 48px;
	    margin-top: -6px;
    }
    
    #renewModal .smallerYellow {
	    font-size: 18px;
	    padding-left: 50px;
	    padding-right: 50px;
	    font-family: 'Lato Black' !important;
	    color: #F0E90D;
	    line-height: 1.3;
	}
	
	#renewModal .smallerWhite {
	    color: white;
	    font-size: 15px;
	    font-family: 'Lato-Bold' !important;
	}
	
	#renewModal .info-bottom_mobile-col5{
	    flex: 0 0 auto;
	    width: 36.66666667%;
	    float: left;
	}
	
	#renewModal .info-bottom_mobile-col2{
		flex: 0 0 auto;
    	width: 16.66666667%;
    	float: left;
	}
	
	#renewModal .mobile-content_innerv2 {
    	text-align: center;
    	padding-top: 15px;
	}
	
	#renewModal .timer-info {
    	font-size: 13px;
   	}
   	
   	#renewModal .timer-info-date {
    	font-size: 30px;
    }
    
    #renewModal .icon-box1 {
    	padding-left: 0px;
    	margin-left: -15px;
	}
	
	#renewModal .explodeimgbox1, #renewModal .explodeimgbox3 {
		height: 55px;
		width: 100%;
	}
	
	#renewModal .icon-box3-img3.align-self-end {
    	width: 76px;
	}
	
	#renewModal .timer-txt:before {
	    right: 20px;
    top: -34px;
    width: 75px;
    background-size: 40px 45px;
	}
	
	#renewModal .rightDot {
	    margin-left: 20px;
    	margin-top: 43px;
    	 margin-right: 5px;
	}
	
	#renewModal .icon-box3 {
    	margin-left: 0px !important;
	}
	
	#renewModal .leftDot {
    	margin-left: 5px !important;
    margin-top: 43px !important;
    margin-right: -25px !important;
	}
	
	#renewModal .leftDot img, #renewModal .rightDot img {
    	width: 8px;
	}
	
	#renewModal .timer-txt {
		height: auto;
		width: 75px;
    }
    
    #renewModal .bottom_content_mobile {
    	padding-top: 20px;
	}
	
	#renewModal .renewal_txt_mobile{
		background-image: url(../images/Stars.png);
 		background-size: cover;
    	background-repeat: no-repeat;
    	padding-top: 40px;
    	margin-top: -15px;
	}
	
	#renewModal .renewal_txt_NOW {
    	font-size: 25px;
	}
	
	#renewModal .info-bottom_renewal_mobile {
    	text-align: center;
    	padding-top: 18px !important;
	}
	
	#renewModal .renewal_txt_mobile_content {
	   	background: white;
	    border: 4px solid #fff100;
	    border-radius: 4px;
	    animation: up-down 3s ease-in-out infinite alternate-reverse both;
	    position: relative;
	    margin-left: 45px !important;
	    margin-right: 45px !important;
	    margin: auto;
	    animation-name: shake;
	}
	
	#renewModal .renewal_txt_mobile_content a {
	    text-decoration: none;
	    color: #db1f2d;
	    font-family: 'Lato Black' !important;
	    font-size: 18px;
	}
	
			#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile {
    display: block;
}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2 {
    display: none;
}

.mobile_left-content_outer, .mobile-content_outerv2, .bottom_content_mobile, .info-bottom_renewal_mobile {
    display: block;
}
	
#expireModal #main {
	    background: url(../images/Expired-Mobile-background.png);
	    background-size: 100% 100% !important;
	    overflow: hidden;
	}
	
	#expireModal #enjoyitem-mobile, #expireModal #wordings-mobile, #expireModal #enjoyitem-mobile2, #expireModal #wordings-mobile2, #expireModal #bottom-btn-mobile{
		display: block;
	}
	
	#expireModal #enjoyitem-mobile{
		padding-top: 0px;
	}
	
	#expireModal #wordings-mobile{
		padding-top: 10px;
	}
	
	#expireModal #enjoyitem, #expireModal #wordings, #expireModal #bottom-btn, #expireModal #middleword2{
		display: none;
	}
	
	#expireModal .MainRenew_content h4 {
    	font-size: 19px !important;
    	padding-top: 7px;
    	    padding-left: 34px;
   		 margin-top: 8px !important;
	}
	
	#expireModal .MainRenew_content {
    	padding-left: 65px !important;
	}
	
	.cancel_btn {
	    padding-left: 12px;
	}
	
	#expireModal img.child {
    	width: 25px;
    	margin-left: -4px;
    	padding-top: 15px;
	}
	
	.enjoyitem-content-mobile {
    	width: 70%;
    	margin: auto;
	}
	
	.enjoyitem-content-mobile2 {
    	width: 70%;
    	margin: auto;
	}
	
	#expireModal .section-header {
    	padding-bottom: 10px;
    	font-size: 21px;
	}
	
	.enjoyitemPa {
    	font-size: 11px;
    	padding-top: 14px;
	    color: #F0E90D;
	    text-align: center;
	    padding-bottom: 0px;
	}
	
	.enjoyitemPa.pa1 {
    	margin-left: 13px;
	}
		
	.wordings-content-mobile {
	    text-align: center;
	    background: #801517;
	    width: 95%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	.wordings-content-mobile2 {
	    text-align: center;
	    background: #801517;
	    width: 85%;
	    margin: auto;
    	border-radius: 14px;
	}
	
	.vl {
	    border-left: 1px solid #ED3035;
	    height: 68%;
    	top: 15px;
	    position: relative;
	    float: left;
	    left: -7px;
	}
	
	.v2 {
	    border-left: 1px solid #ED3035;
	    height: 68%;
	    top: -63px;
	    position: relative;
    	float: right;
    	right: -11px;
	}
	
	.enjoyitem-img-mobile2 img {
    	width: 60px;
	}
	
	.enjoyitem-mobile2 {
	    text-align: center;
	    padding-top: 20px;
	}
	
	#expireModal .v3 {
	   border: 0.1px solid #ED3035;
	    height: 100px !important;
	    top: 15px;
	    position: relative;
	    float: left;
	    left: -16px;
	}
	
	.Pa5{
		margin-right: 8px;
	}
	
	.renewal_txt_left a, .renewal_txt_right a {
    	font-size: 17px;
    }
	.renewal_txt_NOW {
    	font-size: 25px;
    }
    
    .renewal_txt_mobile {
	    background-image: url(../images/Stars.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding-top: 40px;
    	margin-top: -15px;
    }
    
    .renewal_txt_left, .renewal_txt_right {
    	margin-left: 35px !important;
	    bottom: 12px;
	    margin-right: 35px !important;
	    margin-top: 25px;
	}
	
	.bottom-btn-outter {
    	bottom: 0px;
    	position: relative;
    	height: auto;
	}
	
	#enjoyitem-mobile2 {
    	padding-bottom: 10px;
	}
}