.promo-card,
.sectionHead.ctx-bg {
    box-sizing: border-box;
    width: 100%
}

.navDay,
.navDay>.secondary-nav,
.promo-card,
.sectionHead {
    position: relative
}

.btn-subff,
.remindMe a,
a.btn-submit {
    font-style: italic
}

@font-face {
    font-family: "Sunday Morning";
    src: url(/fonts/Sunday_Morning.eot?) format("eot"), url(/fonts/Sunday_Morning.woff) format("woff"), url(/fonts/Sunday_Morning.ttf) format("truetype"), url(/fonts/Sunday_Morning.svg#SundayMorningRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

#framefest {
    padding-bottom: 60px;
    padding-top: 60px;
    background-color: #f9f9f9
}

#framefest .subTitle {
    font-family: 'Sunday Morning';
    font-size: 32px
}

#framefest .subTitle span {
    display: block;
    font-family: 'Sunday Morning'
}

.sectionHead.ctx-bg {
    background: url(https://a5.behance.net/d1b8fa3dba32c0401f1521dcab0ff2ba261b210e/img/site/1x/cta-header.jpg);
    color: #fff;
    height: 210px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    text-align: center
}

.navDay {
    height: 60px
}

.navDay>.secondary-nav {
    top: 0;
    z-index: 3;
    background: #fff;
    box-shadow: 0 0 4px rgba(25, 25, 25, .1);
    font-family: inherit;
    height: 60px;
    left: 0;
    max-width: 100%;
    right: 0;
    text-align: center
}

.promo-card,
.ribbon {
    box-shadow: 0 1px 2px rgba(25, 25, 25, .2)
}

.navDay>.secondary-nav ul {
    padding: 0;
    margin: 0
}

.navDay>.secondary-nav ul li {
    padding: 0;
    list-style: none;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin: 0 15px
}

.card-secondary-nav__link {
    ransition-duration: .1s;
    transition-property: color;
    transition-timing-function: linear;
    color: #191919;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 60px;
    position: relative;
    vertical-align: top
}

.card-secondary-nav__link.active,
.card-secondary-nav__link:active,
.card-secondary-nav__link:hover {
    color: #0057ff;
    text-decoration: none
}

.card-secondary-nav__link.active {
    cursor: default
}

.promo-card {
    border-radius: 5px 5px 3px 3px;
    color: #191919;
    float: left;
    margin: 0 20px 20px 0;
    min-height: 400px;
    text-align: left;
    background-color: #fff;
    cursor: pointer
}

.remindMe,
section.limit,
section.limit h2,
ul.timeCount {
    text-align: center
}

.card-cover__image {
    border-radius: 3px 3px 0 0;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    border: 0
}

.ribbon {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 3px 8px;
    border-radius: 3px
}

.ribbon-danger {
    background: rgba(255, 104, 104, .77);
    color: #fff
}

.countDown {
    font-size: 36px
}

.countDown span {
    font-size: 24px
}

section#body-promo {
    margin-top: 30px
}

.secondary-nav.fixed {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 99
}

.promoPrice,
.stabilo,
.stabilo>span {
    position: relative
}

.remindMe a {
    font-size: 18px;
    padding: 15px 24px;
    background: #fde133;
    color: #19243c;
    font-family: LatoBold;
    border-radius: 30px;
    text-decoration: none
}

section.limit {
    padding: 10px 0 50px
}

section.limit h2 {
    margin: 20px 0 40px;
    color: #a7a9af;
    font-size: 36px;
    font-family: 'Sunday Morning'
}

.white {
    background: #FFF
}

ul.timeCount {
    margin: 0 auto;
    width: 100%;
    padding: 80px 0 40px
}

ul.timeCount li {
    margin: 0 5px;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    display: inline-block
}

ul.timeCount li span {
    font-size: 12px;
    color: #a7a9af
}

ul.timeCount li span.timeTitle {
    text-align: right;
    vertical-align: middle;
    font-size: 36px;
    margin-right: 30px;
    font-family: 'Sunday Morning'
}

.basePrice,
.promoPrice,
a.btn-submit {
    font-family: latoBold
}

ul.timeCount li .timeBox {
    padding: 5px;
    border: 2px solid #fee034;
    width: 110px
}

ul.timeCount li .timeBox span {
    font-size: 60px
}

.mPrice {
    width: 60%;
    text-align: left;
    padding: 10px;
    display: inline-block;
    float: left
}

.soldOut,
.soldOut i,
.sub-ffmodal {
    text-align: center
}

.ncity,
.ncity-2,
.stabilo>span {
    padding-left: 5px
}

.basePrice {
    color: red;
    text-decoration: line-through;
    display: block;
    font-size: 18px
}

.basePrice .inner {
    color: #333
}

.frame-head-btn:focus,
.frame-head-btn:hover,
.soldOut,
a.btn-submit {
    color: #fff
}

.promoPrice {
    font-size: 24px;
    background: 0 0
}.head img{
	cursor:pointer;
}

.stabilo {
    background: #fde133;
    width: calc(100% - 18px);
    height: 18px;
    left: -5px;
    top: 12px
}

.stabilo>span {
    top: -12px
}

.mBook {
    width: 35%;
    float: right;
    min-height: 75px
}.msg-sold{
	position: absolute;
    bottom: 8px;
    width: calc(100% - 8px);
    text-align: center;
    padding: 10px 0;
    background: rgba(254, 253, 117, 0.88);
    color: #504949;
}.msg-sold a{
	color: #504949;
    font-family: latoBold;
}

a.btn-submit {
    background: #0c6481;
    border-radius: 15px;
    margin-top: 25px;
    margin-right: 0
}

.soldOut {
    font-family: 'Sunday Morning';
    position: absolute;
    top: 0;
    height: calc(100% - 8px);
    background: rgba(255, 255, 0, .68);
    width: calc(100% - 8px);
    transition: 1s;

}.fr-btn-book:hover,.fr-btn-book:active{
	color: #fff;
    background: rgb(32, 140, 177);
    text-decoration: none;
    cursor:pointer
}

.soldOut i {
    font-size: 42px;
    position: relative;
    top: calc(50% - 22px)
}

.soldOut:hover {
    opacity: 1
}

.frame-head {
    background: url('<?php echo $background;?>') center center no-repeat;
    height: 89vh
}
.m60{
		margin-top:60px;
	}.box-promote{
		display: table !important;
	    padding: 12px !important;
	    border: 1px solid #e4e4e4 !important;
	    border-radius: 4px !important;
	    width: 100% !important;
	}.box-promote .icon-promote{
		text-align: left !important;
		display: table-cell !important;
	    vertical-align: middle !important;
	    padding-right: 16px !important;
	    padding-left: 16px !important;
	}.box-promote .icon-promote img{
		height: 40px !important;
	    width: 36px !important;
	    border: none !important;
	}.box-promote .content-promote{
		text-align: left !important;
		display: table-cell !important;
    vertical-align: middle !important;
    width: 100% !important;
	}.box-promote .content-promote .title-promote{
		display: inline !important;
		    margin-right: 8px !important;
		    color: #484848 !important;
	    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
	    margin: 0px !important;
	    word-wrap: break-word !important;
	    font-size: 15px !important;
	    line-height: 18px !important;
	    letter-spacing: 0.2px !important;
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;
	    display: inline !important;
	}.box-promote .content-promote .title-promote span{
		font-weight: 700 !important;

	}.box-promote .content-promote  span{
		font-weight: 100 !important;
	}#sectionHead{
		margin: 40px 0;
	}.carttitle{
		font-weight: 700 !important;
	    color: #484848 !important;
	    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
	    margin: 0px !important;
	    word-wrap: break-word !important;
	    font-size: 36px !important;
	    line-height: 40px !important;
	    letter-spacing: -0.6px !important;
	    padding-top: 6px !important;
	    padding-bottom: 6px !important;
	}.carttitle small{
		display:block;
	}.cartbox{
		border: 1px solid #e4e4e4 !important;
    	border-radius: 4px !important;
	}.cartbox img{
		width:100%;
	}.cartbox .content{
		padding-left: 24px !important;
	    padding-right: 24px !important;
	    padding-bottom:0;
	    padding-top:15px;
	    margin: 0px !important;
	    background-color: #ffffff;
	}.cartbox .content h4{
		font-weight: normal !important;
	    color: #484848 !important;
	    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
	    margin: 0px !important;
	    word-wrap: break-word !important;
	    font-size: 19px !important;
	    line-height: 24px !important;
	    letter-spacing: undefined !important;
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;
	}.cartbox .content hr{
		border:none;
		border-bottom: 1px solid #DBDBDB !important;
		margin-top: 16px;
   	 	margin-bottom: 16px;
	}.carttitle > h2{
		line-height:50px;
	}.lightgray{
		background: rgba(23, 111, 137, 0.03);
		padding:10px;
		clear:both;
		margin-top:15px;
		padding: 10px 20px;
	}.lightgray .info{

	}.lightgray .info h4{
		font-size: 12px;
    	font-family: latoBold;
	}.lightgray .info h4 small{
		display: block;
    	padding-top: 5px;
	}.lightgray a{
		color:#176f89;
		text-decoration:underline;

	}.fButton button{
		width: 100%;
    	background: #176f89;
	}.no-padding{
		padding:0;
	}.error{
		color: #a94442;
		font-weight:300;
	}.price .title.totalBlok{
		font-size:18px;
		font-family: latoBold;
	}ul.item{
		margin: 0;
	    padding: 0;
	    width: 100%;
	    text-align: center;
	}ul.item li{
		list-style:none;
		width: 50%;
		display:inline-block;
		border-bottom:1px solid #DBDBDB;
		text-align:center;
		padding:5px;
	}ul.item li:nth-child(odd){
		border-right:1px solid #DBDBDB;
	}ul.item li .count{
		display:block;
		font-family:"latoBold"
	}.midBar{
		text-decoration:line-through;
		    font-size: 16px;
	}.img-bg{
		position:relative;
	}.img-bg h4{
		text-align: center;
	    font-family: latoBold;
	    text-transform: uppercase;
	    position: absolute;
	    top: calc(50% - 17px);
	    width: 100%;
	    font-size: 34px;
	    color: #fff;
	    z-index: 2;
	}.img-bg i{
		background: rgba(0, 0, 0, 0.1);
	    position: absolute;
	    width: 100%;
	    top: 0;
	    height: 100%;
	}.form_booking_success{
		background:#e9ebee;
   		width: calc(100% - 30px);
		min-height:480px;
		display: table;
		background: white;
		margin: 20px;
		display:none;
	}.form_booking_success div{
		display: table-cell;
		text-align:center;
	  padding: 20px;
	  border: 10px solid white;
	  vertical-align: middle;
	}
.frame-head-btn {
    position: absolute;
    background-color: #0d6480;
    color: #fff;
    border-radius: 67px;
    bottom: 18%;
    margin-left: 10%;
    height: 50px;
    width: 200px
}
section.limit h2{
	font-size: 46px;
}
.frame-head-btn h3 {
    margin: 0;
    background-position: center center
}

.ncity {
    background: -webkit-linear-gradient(#f9f9f9 0, #f9f9f9 40%, #ffdf34 25%, #ffdf34 75%, #ffdf34 25%, #f9f9f9 25%);
    background: -o-linear-gradient(#f9f9f9 0, #f9f9f9 40%, #ffdf34 25%, #ffdf34 75%, #ffdf34 25%, #f9f9f9 25%);
    background: linear-gradient(#f9f9f9 0, #f9f9f9 40%, #ffdf34 25%, #ffdf34 75%, #ffdf34 25%, #f9f9f9 25%);
    width: 30%;
    margin-bottom: -20px
}

.nrandom {
    background: -webkit-linear-gradient(#f9f9f9 0, #f9f9f9 40%, #ffdf34 25%, #ffdf34 65%);
    background: -o-linear-gradient(#f9f9f9 0, #f9f9f9 40%, #ffdf34 25%, #ffdf34 65%);
    background: linear-gradient(#f9f9f9 0, #f9f9f9 40%, #ffdf34 25%, #ffdf34 65%)
}

.nrcity {
    padding-top: 4%
}
.text-red{
	color:#d62148;
}
.cmodal {
    background: url(/img/delete.png) no-repeat;
    background-size: 35px;
    margin-top: 5px;
    margin-right: 5px;
    width: 35px;
    height: 35px
}

.mremind input,
.mremind select {
    border-radius: 20px;
    height: 40px;
    margin-bottom: -5px
}

.mremind {
    padding-left: 95px;
    padding-right: 95px;
    padding-top: 30px;
    background-color: #ecedf0
}

.btn-remind {
    border-radius: 20px;
    cursor: pointer
}

.ffmodal {
    width: 600px
}

.title-remind {
    margin-bottom: 35px
}

.muntil {
    margin-top: 30px;
    margin-bottom: 25px;
    color: #d1cfd3
}

.btn-subff,
.btn-subff:hover {
    color: #fff
}a.btn-wa{
	display:block;
}.remindMe a.btn-wa{
	cursor: pointer;
    margin-left: 20px;
    background: #049588;

    color: #fff;
}.remindMe a.btn-wa i{
	font-size: 175%;
    position: relative;
    top: 5px;
}.remindMe a:hover, .remindMe a:hover:active{
	background: #f3d100;
}.remindMe a.btn-wa:hover, .remindMe a.btn-wa:hover:active{
	background: #025d54;
}

.sub-ffmodal {
    background-color: #edd23a;
    height: 80px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 45px -96px -53px
}

.btn-subff {
    font-weight: 900;
    background-color: #0d6381;
    margin-top: 20px;
    border-radius: 30px;
    width: 210px
}

.no-padding {
    padding: 0
}

.p10 {
    padding: 10px 0 10px 20px
}

.cityList {
    padding: 0 4px 8px
}p.wBottom{
	padding: 20px 0;
    font-size: 20px;
}
.div-btn-remind{
    padding-left:0px;
    padding-right:0px;
    padding-top:7px;
}a.btn-wa:hover{
	color:#FAE05A;
}.no-border{
	border: none !important;
    margin: 0 0 30px;
    padding: 0 !important;
}
.ui.modal>.content>.description{
	width:100%;
}.bSeoul{
	position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
}.bSeoul a{
	/*background: #2159d6;*/
    /* padding: 5px 30px; */
    margin: 10px;
    border-radius: 3px;
    width: calc(100% - 20px);
}.banner-limit{
	padding-bottom: 30px
}
.disc{
	background: #ff7b6f;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}
.disc span{
	font-size: 200%;
}

.checkout-page .adons{

}.checkout-page .adons h3{

}.checkout-page .adons h4{

}.checkout-page .adons ul.ad-item{
  margin: 0;
  padding: 0;
}.checkout-page .adons ul.ad-item > li{
  list-style: none;
  display: block;
  border: thin solid #f3f3f3;
  margin-bottom: 1em;
  border-radius: 3px;
  padding: 15px;
  position: relative;
}.checkout-page .adons ul.ad-item > li > div{
  display: inline-block;
  vertical-align: middle;
}.checkout-page .adons ul.ad-item > li .propic{

}.checkout-page .adons ul.ad-item > li .propic img{
  height: 75px;
  width: 75px;
  border-radius: 75px;
}.checkout-page .adons ul.ad-item > li .content-item{
  width: 65%;
  padding-left: 15px;
}.checkout-page .adons ul.ad-item > li .content-item .name{
  font-weight: bold;
  font-size: 120%;
}.checkout-page .adons ul.ad-item > li .content-item .date{

}.checkout-page .adons ul.ad-item > li .content-item .price{

}.checkout-page .adons ul.ad-item > li .btns{

}.checkout-page .adons ul.ad-item > li .btns a{
  background: #f3f3f3;
  color: #050505;
  padding: 8px 1em;
  right: 15px;
  position: absolute;
  vertical-align: middle;
  top: 34%;
}.checkout-page .adons ul.ad-item > li .btns a:hover, .checkout-page .adons ul.ad-item > li .btns a:active{
  background:#166f88;
  color:#fff;
}
#accordion{}

  .panel, .panel-heading, panel-title, .panel-body{border:0;}
  .panel{
    box-shadow:none;

    }
    .panel-heading{
    border-radius:0;

    }
.panel-title a{text-decoration:none;padding:1em 0;}
.panel-title a span{float:right;width:auto;}
.panel-title a span:after {content: "\2014";color:#1B5062;font-size: 20px;}
.panel-title a.collapsed span:after {content: "+";}
.collapse.in {
    padding: 0;
    margin-top: 15px;
}

.checkout-page ul.extra-addons, .checkout-page ul.extra-promo{
  margin: 0;
  padding: 0;
  border-bottom: thin solid #eeeeee;
}.checkout-page ul.extra-addons li, .checkout-page ul.extra-promo li{
  display: block;
  list-style: none;
  position: relative;
  padding: 15px;
  padding-left: 24px;
}.checkout-page ul.extra-addons li .title, .checkout-page ul.extra-promo li .title{
  float: left;
  width: 50%;
  font-size: 1em;
  text-align: left;
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}.checkout-page ul.extra-addons li .title span, .checkout-page ul.extra-promo li .title span{
  display: block;
  font-size: 80%;
}.checkout-page ul.extra-addons li .price, .checkout-page ul.extra-promo li .price{
  float: right;
  margin-right: 30px;
}.checkout-page ul.extra-addons li span.removed, .checkout-page ul.extra-promo li span.removed{
  position: absolute;
  right: 15px;
  top: 18px;
  color: #ff0200;
}.clear{
  clear:both;
}.content.unit{
  padding: 15px 45px 15px 24px !important;
  border-bottom: thin solid #eeeeee;
}.content_focus{
  -webkit-animation:change-color 1s ease-in-out 0s 3 normal;
  -moz-animation:change-color 1s ease-in-out 0s 3 normal;
  -ms-animation:change-color 1s ease-in-out 0s 3 normal;
  animation:change-color 1s ease-in-out 0s 3 normal;
}span.removed{
  cursor:pointer;
}

@-webkit-keyframes change-color {
  0%{ background-color:green; }
  100%{ background-color:red; }
}

@keyframes change-color {
  0%{ background-color:rgba(22, 111, 136, 0.25882352941176473); }
  100%{ background-color:#fff; }
}
@media screen and (min-width:1024px) and (max-width:1281px) {
    .stabilo {
        width: calc(100% - -1px)
    }
    .stabilo span{
        font-size: 20px;
    }
    .ncity{
        width: 35%;
    }
}
@media (min-width:992px) {
    #framefest .col-md-4 {
        padding: 0 40px;
            margin-bottom: 40px;
    }
}
@media screen and (min-width:980px) {
    .btnr{
        text-align: left;
    }
    .btnl{
        text-align: center;
    }
}
@media (min-width:720px){
	.stickyWA{
	cursor: pointer;
    -webkit-transform: rotate(-90deg) translate(100%)!important;
    transform: rotate(-90deg) translate(100%)!important;
    -webkit-transform-origin: 100% 8px!important;
    transform-origin: 100% 8px!important;
    -webkit-transition: opacity .2s ease-in,background-color .2s ease-in,right .2s ease-in;
    transition: opacity .2s ease-in,background-color .2s ease-in,right .2s ease-in;
    -webkit-animation-name: labelRight_4R;
    animation-name: labelRight_4R;
    min-width: 76px;
    /* right: 0!important; */
    position: fixed;
    right: 38px;
    height: 100%;
    top: calc(100% - 100px);
    background: #049588;
    padding: 5px 30px 5px 30px;
    color: #fff;
    font-size: 26px;
    border-top-left-radius: 15px;
    z-index:9999;
    border-top-right-radius: 15px;
}.stickyWA span{

}.stickyWA span:before{
	content: " Whatsaap with us!";
	position: relative;
    font-size: 18px;
    top: -3px;
}
}
@media (max-width:720px) {
    #framefest .ncity,
    ul.timeCount li:first-child {
        width: 100%
    }
    #framefest .nrcity {
        padding-top: 7%
    }
    ul.timeCount li .timeBox {
        padding: 5px 10px;
        border: 2px solid #fee034;
        width: 75px
    }
    ul.timeCount li .timeBox span,
    ul.timeCount li span.timeTitle {
        font-size: 36px
    }
    .promoPrice {
        font-size: 22px
    }
    #framefest a.btn-submit {
        width: 100%;
   		 margin: 15px 0 7px;
        /*left: -10px;*/
        position: relative
    }
    .mmt15 {
        margin-top: 15px
    }
    .p10 {
        padding: 10px
    }
    .row {
        margin-bottom: 15px
    }
    ul.timeCount {
        padding: 15px 0 40px
    }.remindMe a.btn-wa{
    	position: relative;
    	top: 32px;
    }.carttitle > h2{
    	font-size: 28px;
    	line-height: 42px;
    	margin-top: 0;
    }.bSeoul {
	     position: relative;
	    bottom: 0;
	     width: 100%;
	}.fSeoul{
		font-family: 'Sunday Morning';
	    font-size: 42px;
	    line-height: 26px;
	    margin-top: 26px;
	}.fSeoul span{
		font-family: 'latoBold';
		font-size: 22px;
	}#framefest .bSeoul a.btn-submit{
		margin: 5px 0 0px;
	}.banner-limit{
		padding-bottom: 0px
	}.m15{
		margin-bottom:15px;
	}

  .checkout-page .adons ul.ad-item > li .btns a{
    padding: 6px 8px;
    right: 10px;
        top: 30%;
  }.checkout-page .adons ul.ad-item > li .propic img {
    height: 55px;
    width: 55px;
    border-radius: 55px;
  }.checkout-page .adons ul.ad-item > li .content-item{
    padding-left: 7px;
  }.checkout-page .adons ul.ad-item > li .content-item {
    width: 60%;
  }.checkout-page .adons ul.ad-item > li{
    padding: 10px;
  }.checkout-page .adons ul.ad-item > li .content-item .name{
    font-size: 100%;
  }


}
@media screen and (max-width:479px) {
    .ffmodal {
        width: 320px
    }
    .mremind {
        padding-left: 15px;
        padding-right: 15px
    }
    .sub-ffmodal {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0
    }
    .title-remind {
        margin-bottom: 10px
    }
    .muntil {
        margin-top: 0;
        margin-bottom: 5px
    }
    .ptan h1 {
        font-size: 25px
    }
    #framefest {
        padding-bottom: 0;
        padding-top: 0
    }
    section.limit h2 {
        font-size: 26px
    }p.wBottom{
		padding: 18px 0;
	    font-size: 16px;
	}.stickyWA{
		cursor: pointer;
	    background: #4dc247;
	    overflow: hidden;
	    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	    font-size: 35px;
	    text-align: center;
	    padding: 5px 15px;
	    border-radius: 100%;
	    color: white;
	    position: fixed;
	    top: 28px;
	    right: 15px;
	    z-index: 99999;
	}.stickyWA span:before{
		content:"";
	}.stickyOffer{
		position: fixed;
	    bottom: 0;
	    z-index: 999;
	    background: #fff;
	    width: 100%;
	    padding: 0;
	    margin: 0 !important;
	    left: 0;
	}.stickyOffer ul.timeCount{
		padding: 5px 5px 0 5px;
	}.stickyOffer ul.timeCount li{
		width: 15%;
	}.stickyOffer ul.timeCount li:first-child{
		width: 25%;
	}.stickyOffer ul.timeCount li .timeBox span, ul.timeCount li span.timeTitle{
		font-size: 18px;
    	margin: 0;
	}.stickyOffer ul.timeCount li .timeBox{
		width: 100%;
	    height: 30px;
	    padding: 0;
	}.stabilo span{
        font-size: 20px;
    }
}

@media screen and (max-width:380px) {
    .remindMe a {
        font-size: 15px
    }
    #framefest {
        padding-bottom: 0;
        padding-top: 0
    }
    .section.limit {
        padding: 10px 0 0
    }
    .mmt15 {
        margin-top: 0
    }
    .stabilo {
        width: calc(100% - -1px)
    }
    .stabilo span{
        font-size: 14px;
    }
    .inner span{
        font-size: 18px;
    }
    #framefest .subTitle h1 {
        font-size: 30px
    }
    ul.timeCount li .timeBox {
        width: 70px
    }
    .ffmodal {
        width: 300px
    }
    ul.timeCount li .timeBox{
        width: 62px;
    }.msg-sold{
		font-size: 12px;
	    padding: 5px 0;
	}
}
@media screen and  (max-width: 600px) and (min-width:360px) {
	.stabilo span{
        font-size: 20px;
    }
}
@media screen and (max-width:340px) {
    .remindMe a {
        font-size: 14px;
    }
    #framefest .subTitle h1{
        font-size: 29px;
    }
    ul.timeCount li .timeBox{
        width: 58px;
    }
    .basePrice span{
        font-size: 16px;
    }.stabilo span{
        font-size: 18px;
    }.p10 {
	    padding: 0 10px;
	}#framefest a.btn-submit{
		margin: 22px 0 5px;
		width: auto;
    	left: -10px;
    	position: relative;
	}#framefest .bSeoul a.btn-submit{
		left: 0px;
	}.stickyOffer ul.timeCount li:first-child {
	    width: 22%;
	}.fSeoul{
		font-size: 32px;
	    line-height: 20px;
	    margin-top: 14px;
	}ul.timeCount li span {
	    font-size: 10px;
	    color: #a7a9af;
	}.stickyWA {
	    font-size: 28px;
	    padding: 4px 12px;
	    top: 35px;
	    right: 8px;
	}.msg-sold{
		font-size: 12px;
	    padding: 5px 0;
	}
}
@media screen and (max-width:298px) {
    .stabilo span{
        font-size: 12px;
    }
    #framefest .subTitle h1{
        font-size: 25px;
    }
    .remindMe a{
        font-size: 12px;
    }
}
