@charset "utf-8";

.khready{text-align:center}

#container .operation .ic1{background:url("../img/sub/operation_ico01.png") no-repeat 50% 50%;background-size:cover}
#container .operation .ic2{background:url("../img/sub/operation_ico02.png") no-repeat 50% 50%;background-size:cover}
#container .operation .ic3{background:url("../img/sub/operation_ico03.png") no-repeat 50% 50%;background-size:cover}
#container .operation .ic4{background:url("../img/sub/operation_ico04.png") no-repeat 50% 50%;background-size:cover}


/* sub */
.sub-con{font-size:22px;color:#000;width:100%;margin:0 auto;letter-spacing:-.05rem; position: relative; }
.sub-con::after { content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #F2F2F2;}
.sub-con.wide{width:100%}
.sub-con p{line-height:1.6;}

#bo_list,#bo_w,#bo_v,#bo_gall{ /*width:1200px;margin:100px auto;*/border-top: 1px solid #7b7b7b;}
.root_daum_roughmap .wrap_controllers{display:none}
.sub_bg {position:relative;display:table;width:100%;height:700px;background:center no-repeat;background-size:cover;overflow:hidden;text-align:center;background: #333;top: 0px;}

.sub_bg,
.sub_bg.sub_bg_intro { background:url('/theme/cafepromise/img/Sub-Visual1.png') center no-repeat;background-size: cover;}
.sub_bg.sub_bg_menu { background:url('/theme/cafepromise/img/Sub-Visual2.png') center no-repeat;background-size: cover;}
.sub_bg.sub_bg_menu2 { background:url('/theme/cafepromise/img/Sub-Visual6.png') center no-repeat;background-size: cover;}
.sub_bg.sub_bg_menu3 { background:url('/theme/cafepromise/img/Sub-Visual2-3.png') center no-repeat;background-size: cover;}
.sub_bg.sub_bg_menu4 { background:url('/theme/cafepromise/img/Sub-Visual2-4.png') center no-repeat;background-size: cover;}
.sub_bg.sub_bg_place { background:url('/theme/cafepromise/img/Sub-Visual3.png') center no-repeat;background-size: cover;}
.sub_bg.sub_bg_cakeorder { background:url('/theme/cafepromise/img/Sub-Visual7.png') center no-repeat;background-size: cover;}
.sub_bg.sub_bg_counsel { background:url('/theme/cafepromise/img/Sub-Visual8.png') center no-repeat;background-size: cover;}



#sub_menu_title{display:table-cell;vertical-align:middle;}
#sub_menu_title strong{display:block;font-weight:normal;letter-spacing:0;font-size: 40px;color: #fff;margin-bottom:10px;font-weight: 600;}
#sub_menu_title span{font-size:25px;font-weight:300;display: block;color: #fff;}
#submenu{width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#submenu ul{width:1200px;margin:0 auto}
#submenu .leftmenu{display:table;table-layout:fixed;}
#submenu .leftmenu_s{display:table-cell}
#submenu .leftmenu_s a{display:block;color:rgba(46,46,46,.5);padding:20px 0;font-size:18.6px;text-align:center;letter-spacing:-0.05em;border-bottom:3px solid #fff}
#submenu .leftmenu_s a:hover,
#submenu .leftmenu_s.active a{border-bottom:3px solid #25a8ff;color:#2e2e2e;font-weight:bold}

	
/* 테이블 */
#container .table table{width:100%;table-layout:fixed;border-top:1px solid #888;border-bottom:1px solid #888;border-collapse:collapse;border-spacing:0}
#container .table table th,
#container .table table td{padding:12.5px 20px 12.5px 20px;font-size:14px;line-height:24px;font-weight:400}
#container .table table th{background:#f5f5f5;vertical-align:middle}
#container .table table tr{border-top:1px solid #e6e6e6}
#container .table table tr:first-child{border-top:none}

/**/
#container .tabs{position:relative;top:0;left:0;z-index:11;width:100%;margin:0 0 10px 0;background:none}
#container .tabs.fixed{position:fixed;z-index:11;top:0;left:50%;width:100%;background:#fff;border-top:2px solid #0c4da2; box-shadow:5px 5px 10px rgba(0,0,0,0.05);transform:translateX(-50%)}
#container .tabs ul{background:transparent;display:table;width:100%;margin:0 auto;max-width:1080px;overflow:hidden;border:1px solid #eee;text-align:center}
#container .tabs li{position:relative;display:table-cell;vertical-align:middle}
#container .tabs li a{position:relative;display:block;line-height:58px;font-size:17px;font-weight:500;text-align:center;color:#585858;background:#fff;text-transform:uppercase}
#container .tabs li a:before{content:'';position:absolute;top:50%;left:0;margin-top:-12px;width:1px;height:24px;background:#ccc}
#container .tabs li:nth-child(1) a:before{display:none}
#container .tabs li a:hover,
#container .tabs li a.sel{color:#000}



/* for MS계열 브라우저 */
@keyframes blink {
0% {background-color: #000;}
50% {background-color: #D91E1E;}
}

/* for Chrome, Safari */
@-webkit-keyframes blink {
0% {background-color: #000;}
50% {background-color: #D91E1E;}
}

/* blink CSS 브라우저 별로 각각 애니메이션을 지정해 주어야 동작한다. */
.blinkcss {
font-weight:bold;
animation: blink 1s step-end infinite;
-webkit-animation: blink 1s step-end infinite;
}

.blinkcss {
    animation: blink 1s step-end infinite;
}
.blinkcss {
    animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;
}


/* 메뉴 hover 0218 수정 hover 
.contsHover {  position: relative; width: 100%;height:auto;text-align: center;}
.contsHover-here { display: block; width: 100%; }
.contsHover-over { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  height: 100%; width: 100%; opacity: 0; transition: .5s ease;}
.contsHover:hover .contsHover-here {  opacity: 0;}
.contsHover:hover .contsHover-over {  opacity: 1;cursor:pointer;}
.hover-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
*/

.contsHover {  position: relative; width: 100%;height:auto;text-align: center;}
.contsHover .hover-img { opacity: 0; transition: opacity 0.7s;}
.contsHover:hover .contsHover-over > .hover-img { opacity:1;}
.hover-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.menu-3col {display: flex;flex-wrap: wrap;}
.menu-list {text-align: center;width:calc((100% / 3) - 10px); padding-top: 30px;}
.menuconts-ttl {font-size: 21px; color: #000;font-weight: 600;padding: 40px 0 20px;}
.menuconts-txt {font-size: 15px; color: #626262;font-weight: 300;padding: 0 0 50px;}
.menuconts-ttlsub { color: #B6B6B6;font-size: 15px;font-weight: 600;padding-bottom: 20px;}
.menu-bottom { padding-bottom: 100px;}
.mttlbtm {padding-bottom: 5px;}


/* 서브 latyoot */
.conts-box { clear: both;padding: 70px 0;}
.conts-top { text-align: center; position: relative;}
.conts-top h4 { color:#008C45; font-size: 17px;font-weight: 500;line-height: 120%;margin-bottom: 20px;}
.conts-top h5,
.conts-top h5 p { color:#000; font-size: 35px;font-weight: 300;line-height: 120%; padding-bottom: 80px;}
.conts-top .h5-ttl { display: inline;font-weight: 300;}
.conts-top h5 span { color:#000; font-size: 35px;font-weight: 700;line-height: 120%;}
.subBG-gray {background: #F9F9F9;padding: 30px 0; clear: both;position: relative;}
.subBG-white {background: #fff;padding: 50px 0; clear: both;position: relative;}


/*로고캐릭터*/
.logo-char { background: url(../img/logo-story.png) center no-repeat;width: 132px;height: 132px;position: absolute;left: 50%; margin-left: -33%; top: -20px; background-size: cover;z-index: -1;}

/* 브랜드 컨텐츠 */
.img1-conts { clear: both;}
img.conts-img { width: 100%; height: auto;}
.conts-ttl { color: #3E3E3E;font-size: 24px;font-weight: 300;}
.conts-ttl p { display: inline-block;}
.conts-ttl span { color: #008C45;font-weight: 600;}
.conts-ttl p { line-height: 120%; font-weight: 300;}
.conts-txt p { font-weight: 300;}
.conts-txt { font-size: 15px; color: #626262;line-height: 25px;font-weight: 300;}
.conts-2col { padding: 40px 0 40px;display: flex;flex-wrap: wrap;}
.conts-txt.mt20 { padding-top: 20px;}

h5.h5-blank { padding-bottom: 0px;}


/* 인사말 */
.message { clear: both;position: relative;display: flex;flex-wrap: wrap;}
.message .w60p { padding-right: 20px;}
.message .w40p { text-align: right;}
.message-txt1 { color: #3E3E3E;font-size: 24px;font-weight: 300;line-height: 25px;padding-bottom: 30px;}
.message-txt1 span { color: #008C45;font-weight: 600;}
.message-txt2 { color: #626262;font-size: 15px;font-weight: 300; line-height: 25px;}
.message-txt2 p { font-weight: 300;}
.message-txt3 { font-size: 18px;padding-top: 30px;font-weight:300;}
.message-txt3 span { color: #000;font-weight: 600;}


/*history-conts*/
.history-blank {position: relative;}
.history-line { position: absolute;left: 23%;top: 288px; background:linear-gradient(to right, #008C45, rgba(0, 140, 69, 0)); width: 100%;height: 1px;}
.history-blank { padding-top: 100px;}
.history-conts {display: flex;flex-wrap: wrap;padding: 100px 0 100px 0;}
.history-conts .w50p { margin-right: 70px;width: calc(50% - 70px) !important;position: relative;}
.history-conts .w50p::after { content: ''; position: absolute; left: 0; top: 0; background:#008C45;width: 13px;height: 13px;border-radius: 100%;}
.history-cahr { position: absolute;left: 10%;bottom: -70px; z-index: 100;}
.history-cahr3 { position: absolute;left: 8%;bottom: -100px; z-index: 100;}
.history-cahr-right { position: absolute;right: 10%;bottom: -70px; z-index: 100;}

.cerfi-blank { padding: 100px 0;}
.cerfi-wrap { clear: both;display: flex;flex-wrap: wrap;padding-top: 100px;}
.cerfi-wrap .w100p, .cerfi-wrap .w50p { position: relative;display: flex;flex-wrap: wrap;justify-content: center;}
.cerfi-wrap .w100p .cerfi-conts {margin-right: 50px;}
.cerfi-wrap .w100p .cerfi-conts:last-child { margin-right: 0;}
.cerfi-blank { margin-right: 0;}
.cerfi-conts span { display: block;}
.cerfi-conts span.img img {width: 100%;}
.cerfi-conts span.txt { font-size: 15px;color: #626262;font-weight: 300;padding: 15px 0 0 0;line-height: 20px;height: 40px;margin-bottom: 60px;}
.history-txt {padding-top: 30px;}
.history-txt dt { color: #008C45;font-size: 40px;font-weight: 500;}
.history-txt dd { color: #5B5B5B;font-size: 20px;font-weight: 300;border-bottom: 1px solid #E4E4E4;padding: 20px 0;}

/* 공간 */
.place-conts { padding: 100px 0;}
.slides-store { display: none;margin-bottom: 30px;}
.slides-store img { width: 100%;}
.cursor { cursor: pointer;}
.prev,
.next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px;}
.next { right: 0; border-radius: 3px 0 0 3px;}
.prev:hover,
.next:hover { background-color: rgba(0, 0, 0, 0.5);}
.row:after { content: ""; display: table; clear: both;}
.column-store { float: left; width: calc(20% - 16px);margin-right: 20px;}
.column-store:last-child {margin-right: 0;}
.demo-store { opacity: 0.6;}
.active-store,
.demo-store:hover { opacity: 1;border: 1px solid #008C45;}


/* 오시는 길 */
.map-conts { clear: both;}
.map-conts img { width: 100%;}
.map-add {clear: both;padding: 50px 0;}
.map-add dl {clear: both;display: flex; justify-content: flex-start; align-items: center;position: relative;padding-left: 35px;margin-bottom: 15px;}
.map-add dl:first-child::before { content: '';position: absolute;left: 0;top: 6px;background: url(../img/map-subway.png) center no-repeat;width: 25px;height: 25px;}
.map-add dl:last-child::before { content: '';position: absolute;left: 0;top: 4px;background: url(../img/map-bus.png) center no-repeat;width: 25px;height: 25px;}
.map-add dl dt { font-size: 24px;font-weight: 300;color: #3E3E3E;float: left;width: 300px;}
.map-add dl dt span { font-size: 24px;font-weight: 600; color: #008C45;}
.map-add dl dd { font-size: 15px;font-weight: 300;color: #626262;float: left;}



/* 맞춤제작 */
.slider-wrap { padding: 50px 0 200px;}
.slider-wrap .slide { padding: 50px;box-sizing: border-box;transition: 1s;}
.slider-wrap .slide > img { width: 100%;}
.slider-wrap .slick-center .slide { padding: 0; }
.slider-wrap .slick-center > img {padding: 0;}
.slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.slick-active { opacity: .5;}
.slick-current { opacity: 1;}

/* 가맹문의 */
.counsel-wrap { padding: 100px 0 0 0;}
.counsel-conts {padding: 0 0 100px 0;}
.counsel-h5 {padding-bottom: 40px !important;}
.counsel-img img { width: 100%;}
.counsel-ttl { margin: -35px auto 0; background: #fff;border: 1px solid #008C45;width: 320px;height: 80px;line-height: 80px;font-size: 24px;color: #3E3E3E;font-weight: 300;text-align: center;z-index: 100;position: relative;}
.counsel-ttl:before { content: '';width: 17px;height:24px;display: inline-block;background: url(../img/txt-left-ico.png) left center no-repeat;margin-right: 10px;}
.counsel-ttl:after { content: '';width: 17px;height: 24px;display: inline-block;background: url(../img/txt-right-ico.png) left center no-repeat;margin-left: 10px;}
.counsel-ttl span { font-weight: 700;}
.counsel-txt { text-align: center;padding: 30px 0 50px;position: relative;}
.counsel-txt:after { content: '';position: absolute;left: 50%;bottom: -50px;width: 1px;height: 60px; background: #D8D8D8}
.counsel-txt span { display: block;color: #626262;font-size: 15px; line-height: 25px;font-weight: 300;}
.counsel-bullet:after { content: '';width: 0; background: none;}
.counsel-tel {width: 500px; height: 80px;background: #008C45;color: #fff;font-size: 28px;font-weight: 500;line-height: 80px;text-align: center;margin: 0 auto 100px;}
.counsel-tel span { font-weight: 700;}
.counsel-tel span a { color: #fff;}
.counsel-wrap .counsel-conts:nth-child(4) {padding-bottom: 50px !important;}


/* faq*/
.toggleMenu {  max-width: 100%;  margin: 0 auto 100px;border-top: 1px solid #E3E3E3;}
.toggleMenu li { border-bottom: 1px solid #d9e5e8;  position: relative;}
.toggleMenu li p { display: none;  padding: 50px 25px 50px; color: #545454;font-weight: 300;}
.toggleMenu li p span { color: #008C45;text-decoration: underline;}
.toggleMenu .acc_menu {  width: 100%; display: block; font-size: 20px;font-weight: 300;color: #000;padding: 30px 15px;}
.toggleMenu a:after {  width: 12px; height: 12px; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; position: absolute; right: 20px; content: " "; top: 38px;transform: rotate(-45deg);  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.toggleMenu p {  font-size: 18px; line-height: 35px;  padding:50px 20px;background: #F9F9F9;border-top: 1px solid #008C45}
a.active:after {  border-right: 1px solid #008C45;  border-bottom: 1px solid #008C45; transform: rotate(45deg);  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.click { /*position:absolute;*/ right:15px; top:15px; cursor: pointer; display:block;}
.click.active { color: #008C45;font-weight: 700;}
.click.active > .acc_menu { border-top: 1px solid #008C45 !important; display: block;}




/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/

@media all and (max-width:1400px) {

    .sub_bg {height: 500px;}
    .board-posi, .board-img {height: 500px;}


    .history-cahr { left: 15px;}
    .history-cahr img { width: 150px;}
    .history-cahr3 { left: 15px;bottom: -82px;}
    .history-cahr3 img { width: 150px;}
    .history-cahr-right {right: 15px;bottom: -50px;}
    .history-cahr-right img { width: 150px;}
    .logo-char { margin-left: -40%;width:90px; height: 90px;top: 0;}
    
}


@media (max-width:1140px) {	
    
    .conts-box { padding: 70px 15px !important;}

    
    .history-line {left: 25px;}

}


@media all and (max-width:1024px) {

    .sub_bg { height: 350px;}
    .board-posi, .board-img {height: 350px !important;}
    #sub_menu_title strong { padding-top: 5%;}

    .cerfi-wrap .w100p .cerfi-conts { margin-right: 25px; width: calc(25% - 25px);}
    .last-cerfi { width: calc(50% - 25px) !important;}

    .conts-ttl.w30p { width: 40%;}
    .conts-ttl.w70p { width: 60%;}
    /*.conts-2col.innerconts .w50p.pl35 { padding-left: 20px !important;}*/
    .conts-2col.innerconts .w50p img { width: 100%;}
    .subBG-white.conts-2col .w54p.pr65 { padding-right: 25px !important;}

    img.conts-img {height: 320px;}

    .message .w40p img { width: 100%;}
    .message .w40p { padding-top: 100px;}

    .menu-3col {display: flex;flex-wrap: wrap;justify-content: center;}
    .menu-list {text-align: center;width:calc((100% / 2) - 10px); padding-top: 30px;}
    

    .tmenu-4depth li a { min-width: auto;padding: 0 10px;}
    .topmenu.tmenu-4depth li a { font-size: 17px;}

    .map-add dl dt { font-size: 20px;width: 250px;}
    .map-add dl dt span { font-size: 20px;}
    .map-add dl dd { flex: 1;}
    .map-add dl dd { padding-top: 10px;}

    
    .slider-wrap { padding-bottom: 100px;}
    .slider-wrap .slide { padding: 30px;box-sizing: border-box;transition: 1s;}


    .history-cahr { left: 15px;}
    .history-cahr img { width: 100px;}
    .history-cahr3 { left: 15px;}
    .history-cahr3 img { width: 100px;}
    .history-cahr-right {right: 15px;}
    .history-cahr-right img { width: 100px;}
    .logo-char { margin-left: -40%;width:90px; height: 90px;top: 0;}
    
    

}


@media all and (max-width:747px) {

    /* 타이틀 */
    .conts-top h5, .conts-top h5 p, .conts-top h5 span {font-size: 26px;}
    .conts-top .h5-ttl { display: block;}

    /* 스토리 */
    .conts-ttl.w30p { width: 100% !important;}
    .conts-ttl.w70p { width: 100% !important;}
    .conts-2col.innerconts .w50p { width: 100% !important;margin-bottom: 20px;}
    .conts-2col.innerconts .w50p img { width: 100%;}
    .conts-2col.innerconts .w50p.pl35 { padding-left: 0 !important;}
    .subBG-white.conts-2col .w54p.pr65 { padding-right: 0px !important;width: 100% !important;}
    .conts-2col .conts-txt.w70p { width: 100% !important;margin-top: 20px;}
    .conts-2col .conts-ttl.w30p p { display: inline-block;}
    .w50p.pl35 .conts-ttl p { display: inline-block;}
    .conts-txt.mt20 { padding-top: 0;}
    img.conts-img { height: auto;}
    .subBG-white.conts-2col .w46p { width: 100% !important;margin-top: 20px;}
    .subBG-white.conts-2col .w54p.pr65 .conts-ttl p { display: inline-block;}
    .innerconts.conts-2col .w50p.pr35 {padding-right: 0 !important;}
    .history-conts { display: block; padding-top: 50px;}
    .history-conts .w50p { width: 100% !important;margin-right: 0;margin-top: 30px;padding-bottom: 50px;}
    .history-line { background: none;position: relative;}
    .history-conts .w50p::before { content: '';position: absolute;left: 0px; top: 6px;background: linear-gradient(to right, #008C45, rgba(0, 140, 69, 0));width: 100%;height: 1px;}
    .history-txt { padding-top: 15px;}


    /* 인증서 */
    .cerfi-wrap {justify-content: center;}
    .cerfi-conts span.img img { width: auto;}
    .cerfi-wrap .w100p .cerfi-conts { width: calc(50% - 25px);margin: 0 10px;}
    .cerfi-wrap .w100p, .cerfi-wrap .w50p {justify-content: flex-start;flex-flow: nowrap;}
    .cerfi-wrap .w100p {flex-wrap: inherit;display: contents;}
    .cerfi-wrap .w100p .cerfi-conts:last-child { margin-right: 25px;}
    .cerfi-conts span { text-align: center;}

    .last-cerfi { width: 100% !important;margin-right: 0;}
    .cerfi-wrap .w100p .cerfi-conts:last-child { margin-right: 0;}

    .tmenu-2depth li { width: 50%;margin: 0;}
    .topmenu li a {min-width: 100%;}

    #sub_menu_title { padding: 0 10px;}
    #sub_menu_title span { font-size: 20px;}
    .board-posi span { font-size: 20px !important;}

    .message {display: block;}
    .message .w60p { width: 100% !important;padding-right: 0px;margin-bottom: 30px;}
    .message .w40p { width: 100% !important;padding-top: 10px;}

    #sub_menu_title strong { padding-top: 0%;font-size: 30px;margin-bottom: 0;}
    .sub_bg { height: 250px;}
    .board-posi, .board-img {height: 250px !important;}

    .menu-bottom {padding-bottom: 10px;}
    .menuconts-ttl {padding: 20px 0 10px;}

    .slides-store { margin-bottom: 10px;}
    .column-store { margin-right: 5px;width: calc(20% - 4px);}
    .place-conts {padding-bottom: 0;}

    .map-add dl { display: block;margin-bottom: 20px;overflow: hidden;}
    .map-add { padding-bottom: 0;}

    .slider-wrap {padding: 20px 0 80px;}
    .slider-wrap .slide { padding: 15px;box-sizing: border-box;transition: 1s;}

    .counsel-tel { margin-bottom: 0;}

    .quick-conts a img { width: 55px;}
    .quick-conts a { padding-bottom: 0;}

    .board-posi strong { font-size: 30px !important;margin-bottom: 0 !important;}


    .history-cahr { left: 5px;}
    .history-cahr3 { left: 5px;}
    .history-cahr-right {right: 5px;}
    .logo-char { margin-left: -40%;width:90px; height: 90px;top: 0;}
    

}




@media all and (max-width:600px) {

    .cerfi-conts span.img img { width: 100%;}

    .menu-3col {display: block;}
    .menu-list { width: calc((100% / 1) - 0px);}
    .counsel-tel { width: 90%;font-size: 24px;}

}



@media all and (max-width:480px) {

    .history-txt dd { font-size: 17px;padding: 15px 0;}

    .topmenu li a { font-size: 18px;}    

    .message-txt1 { font-size: 22px;}

    #sub_menu_title span { font-size: 17px;}

    .tmenu-4depth li a { min-width: auto;padding: 0 5px;}
    .topmenu.tmenu-4depth li a { font-size: 15px;}
    .tmenu-4depth li { margin: 0 5px;}

    .link-placeconts { width: 300px !important;}

    .counsel-tel { width: 100%;font-size: 20px;}

    .toggleMenu .acc_menu { font-size: 17px;padding: 15px 40px 15px 10px;position: relative;}
    .toggleMenu p { font-size: 16px;line-height: 150%;padding: 25px 15px !important;}
    .toggleMenu a:after { content: '';top: 50%;margin-top: -6px; width: 10px;height: 10px;}

    .quick-conts a img { width: 45px;}



}


@media all and (max-width:400px) {
    
    .font24 {font-size: 24px !important;}
    .font24 span {font-size: 24px !important;}

}



@media all and (max-width:360px) {
    
    .message-txt1 { font-size: 18px;}
}