/*
Theme Name: Paparich
Theme URI: http://webkraft.org.in/DEMO/paparich/
Version: 1.0.0
*/

*{ padding:0; margin:0; }
a, a:active{ outline:none; }
.clear{ clear:both; }

#head #logo{ padding:16px 0 0 0; }

#head #headRight .nav-collapse{ float:left; padding-right:20px; }
#head #headRight .ping-logo{ float:right; width:75px; margin:0; padding:26px 0 0 0; }
#head #headRight .ping-logo a{ display:block; }
#head #headRight .ping-logo a img{ width:100%; height:auto; }


#headRight{ width:auto; }

.text-center{ text-align:center; }
.about-page{ display:block !important; }
.about-full-width{ width:100%; clear:both; }
.about-top-left{ float:left; width:40%; }
.about-top-right{ float:right; width:60%; }
.about-thumb-block{ padding:0; margin:0; }
.about-thumb-block:last-child hr{ display:none; }
.about-thumb-block .text-block{ float:left; width:40%; padding:15px 0 0 0; margin:0; }
.about-thumb-block .img-block{ float:right; width:60%; padding:0; margin:0; }
.about-thumb-block:nth-child(even) .text-block{ float:right; }
.about-thumb-block:nth-child(even) .img-block{ float:left; }
.page-news #content, .page-promotions #content, .single-newses #content{ width:80%; }
#pagination a, #pagination a:active, #pagination a:visited{ margin:0 3px 0 0; }
#pagination span.active{ margin:0 3px 0 0; }
/*#contentWrapper{ background:url(images/our-store-bg.jpg) no-repeat left top; background-size:cover; }*/
#content.involvements-page{ width:90%; }
.involvements-sub li.current_page_item a{ color:#b48724; border-bottom:2px solid #b48724; }
.lt-img{ float:left; width:300px; height:auto; margin:10px 10px 0 0; }
.rt-img{ float:right; width:300px; height:auto; margin:0 0 0 10px; }
.lt-img img, .rt-img img{ width:auto; max-width:100%; height:auto; }

#content.menu-page{ width:90%; }
.page-contact #content{ width:50%; }
.page-contact #content p span.head{ font-weight:600; }
.page-contact #content p span.ph-email{ display:block; }

.social-panel-bg{ background:#000000;  }
.social-panel-icon{ float:none; display:inline-block; }
.social-panel-icon-panel{ display:block; }

#col-left li::before, #col-right li::before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    margin-left: -15px;
    color: #ccc;
    font-size: 6px;
}

#registration .btn-submit{ padding:10px 25px; width:auto; }

textarea{ resize:none; }
.wpcf7-captchac{ float:left; }
.captcha-105{ float:right; width:80%; }

.page-about #contentWrapper, .page-what-is-malaysian-food #contentWrapper{ background:url(images/about-bg.jpg) no-repeat center top; background-size:cover; }
.page-menu #contentWrapper{ background:url(images/menu-bg.jpg) no-repeat center top; background-size:cover; }
.page-news #contentWrapper, .page-promotions #contentWrapper{ background:url(images/whats-on-bg.jpg) no-repeat center top; background-size:cover; }
.page-work-at-papparich #contentWrapper, .page-own-a-papparich #contentWrapper{ background:url(images/join-us-bg.jpg) no-repeat center top; background-size:cover; }

.page-what-is-malaysian-food .about-thumb-block:first-child .text-block{ width:100%; }


.about-ping{ background: #222 url("../images/black-bg.jpg"); padding:65px 0; text-align:center; }
.about-ping #content{ display:block; }
.about-ping h2{ font-family: 'PT Sans Narrow', sans-serif; font-size: 30px; line-height:32px; color: #B48724; font-weight: 700; text-transform: uppercase; padding:20px 0 10px 0; margin:0; }
.about-ping p{ font-size: 16px; line-height:24px; color:#ccc; padding-bottom:15px; }

.main-menu li{ padding: 0 25px; }

/*========== London Page Start ==============*/
.london-block{ margin:0; padding:55px 0 65px 0; }
.london-block #tabs-location{ width:100%; transition:all 300ms ease-in-out;}
.london-block #tabs-location h3 a{ color:#b48724 !important; transition:all 300ms ease-in-out; }
.london-block #tabs-location h3 a:hover, .london-block #tabs-location h3 a.active{ border-bottom: 2px #003c1a solid; color:#030303 !important; }
.london-block #tabs-location div{ display:block; }
.london-block #tabs-location div .lt-block{ display:block; }
.london-block #tabs-location div .rt-block{ display:block; }
.london-block .lt-block{ box-sizing: border-box; float:left; width:50%; margin:0; padding:0 75px 0 0; }
.london-block .lt-block .logo-block{ margin:0; padding:0 0 35px 0; }
.london-block .lt-block .logo-block a:hover{border-bottom:none; }
.london-block .lt-block .text-block{ margin:0; padding:0; }
.london-block .lt-block .text-block h2{ font-family: 'PT Sans Narrow', sans-serif; font-size: 25px; line-height: 27px; color:#b48724; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.london-block .lt-block .text-block h3{ font-family: 'PT Sans Narrow', sans-serif; font-size: 22px; line-height: 24px; color:#030303; font-weight: 700; text-decoration: none; }
.london-block .lt-block .text-block h4{ font-family: 'PT Sans Narrow', sans-serif; font-size: 22px; line-height: 24px; color:#030303; font-weight: 400; text-decoration: none; }
.london-block .lt-block .text-block p{ font-family: 'PT Sans Narrow', sans-serif; font-size:16px; line-height: 24px; color:#030303; font-weight: 400; text-decoration: none; }
.london-block .lt-block .text-block ul{ margin:0; padding:0; }
.london-block .lt-block .text-block ul li{ font-family: 'PT Sans Narrow', sans-serif; font-size:18px; line-height: 24px; color:#030303; font-weight: 400; text-decoration: none; margin:0; padding:0; }

.london-block .rt-block{ box-sizing: border-box; float:right; width:50%; margin:0; padding:0; }
.london-block .rt-block .map-block iframe{border:1px solid #ccc; width:100%; height:250px; }
.london-block .rt-block .bottom-text{ padding:20px 0 0 0; }
.london-block .rt-block .bottom-text .left-side{ float:left; width:50%; }
.london-block .rt-block .bottom-text .left-side p{ font-family: 'PT Sans Narrow', sans-serif; font-size:16px; line-height: 24px; color:#030303; font-weight: 400; }
.london-block .rt-block .bottom-text .left-side p strong{ display:block; font-weight: 400;}
.london-block .rt-block .bottom-text .right-side{ float:right; width:50%; }
.london-block .rt-block .bottom-text .right-side ul li{ display:block; margin:0 0 5px 0; }
.london-block .rt-block .bottom-text .right-side ul li a{ width:100px; display:inline-block; font-family: 'PT Sans Narrow', sans-serif; font-size:16px; line-height: 24px; color:#fff; font-weight: 400; text-align:center; padding:7px 10px; background:#030303; transition:all 300ms ease-in-out; }
.london-block .rt-block .bottom-text .right-side ul li a:hover{ color:#fff !important; background:#b48724 !important; }

/*=========== 24-08-2018 ======*/
.archive a{ width:auto !important; font-size:18px; line-height:20px; padding: 5px 20px !important; }

/*========== London Page End ==============*/

.page-template-template-menu .veiw-button{ margin:0; padding:0; }
.page-template-template-menu .veiw-button #content{ width:90%; min-height:inherit; }
.page-template-template-menu .veiw-button #content .btn-block{ width:15%; text-align:right; }
.page-template-template-menu .veiw-button #content .btn-block a{ display:inline-block; background:#B48724; padding:5px 10px; font-family: 'PT Sans Narrow', sans-serif; color:#fff; font-size:20px; line-height: 22px; }

#footer .top-block{ margin:0; padding:25px 0 20px 0; }
#footer .top-block p{ font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; line-height: 24px; color: #030303; font-weight: 400; text-decoration: none; margin: 0; padding: 0; text-align:center; }

.page-template-template-home{ background:none; }
.location p{ float: none; display: inline-block; padding: 0 10px; }

/*========== Error-banner Start ==============*/
.error-banner{ margin:0; padding:0; line-height:0; }
.error-banner img{ width:100%; height:auto; }

.singale-page { margin:0; padding:45px 0 55px; background:#222; text-align:center; }
.singale-page p{ padding-bottom:15px; }
.singale-page a.back-btn{ outline:none; }

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1366px){
.page-contact #content {width:inherit;}

.main-menu li{ padding: 0 15px; }

}

@media screen and (max-width: 1350px){

.main-menu li{ padding: 0 13px; }

}

@media screen and (max-width: 1200px){
.page-contact #content {width:80%;}
}

@media screen and (max-width: 1242px){
.page-template-template-menu .veiw-button #content .btn-block a{ padding: 5px 7px !important; }
}


@media screen and (max-width: 1199px){
#head #logo{ padding: 20px 0 0 0; }	
#logo { width: 155px; }	
	
.main-menu {width:83%; }
#headWrapper, #navWrapper {min-width:100% !important;}
#wrapper, #contentWrapper, #panelWrapper, #footerWrapper {min-width:100% !important;}

#nav{ padding: 21px 0 0; }
#head #headRight .ping-logo{ padding: 15px 0 0 0; }
.side-menu a { font-size:15px !important; }
.page-template-template-menu .veiw-button #content .btn-block a{font-size:17px;  padding: 5px 4px !important; }

.location-panel-bg{ min-height: 382px; }

}


@media screen and (max-width: 991px){
#head #logo a{ width: 66%; padding-left:0; }	
#head #logo a img{ width:100%; }
#cssmenu{ padding:0; }
#cssmenu > ul > li { margin-right: 0px !important; }
#nav{ padding: 17px 0 0; }
#head #headRight .ping-logo{ width: 65px; padding: 15px 0 0 0; }
.page-template-template-menu .veiw-button #content .btn-block{ width:20%; }
.page-template-template-menu .veiw-button #content .btn-block a{ font-size: 15px; padding: 5px 12px !important; }



.about-top-left {width:45%;}
.about-top-right {width:55%;}
.main-menu li {padding:0 15px;}
.main-menu a {font-size:21px;}
.captcha-105{ float:right; width:78%; }
}

@media screen and (max-width: 767px){
#content {padding:30px 0;}
.field {float:inherit;}
.fields{margin:0 0 20px 0;}
.field textarea{height:123px;}
.field-label { margin: 0px 30px 5px 0; }
.page-template-template-menu #contentWrapper .veiw-button #content{ padding-top:30px 0 0 0 !important; }
.page-template-template-menu .veiw-button #content .btn-block{ width:23%; }
.page-template-template-menu .veiw-button #content .btn-block a{ font-size: 15px; padding: 4px 12px !important; }



}

@media screen and (max-width: 700px){ 
.main-menu li { padding:0 12px; }
.rt-img {width:246px;}
.lt-img {width:246px;}
.page-template-template-menu .veiw-button #content .btn-block{ width:25%; }
.fields {margin:0 0 10px 0;}
.field-label {margin:5px 30px 3px 0;}
.page img, .page p img, #mobile-image-hide {min-height:30px; }
}

@media screen and (max-width: 600px){
.main-menu a {font-size:20px;}
.about-top-right {float:inherit; width:100%; margin-bottom:40px;}
.about-top-left {float:inherit; width:100%;}
.mission-div {width:48%;}
.page-template-template-menu .veiw-button #content .btn-block{ width:30%; }
#col-right {padding:20px 0 10px 0;}
.news-list-div {padding:20px 0px 0 0;}
.news-list-img {float:inherit; width:100%; margin:0 0 23px 0;}
.news-list-txt {float:inherit; width:100%;}
.fields {margin:0 0 12px 0;}
.field-label {margin:0 30px 5px 0;}



}

@media screen and (max-width: 500px){
h1{font-size:35px;}
.page img, .page p img, #mobile-image-hide {margin:0 !important;}

.main-menu ul {margin:10px 0;}
.main-menu li {padding: 0 8px;}
.main-menu li a {font-size:17px;}
#col-wide-content {min-height:0;}

.about-thumb-block .text-block {float:inherit; width:100%; padding:15px 0;}
.about-thumb-block .img-block {float:inherit; width:100%;}
.about-thumb-block {padding:0 0 20px 0;}

.news-list-div {padding:0;}
.news-list-img{margin:25px 0 23px 0 !important;}
.rt-img {width:100%; float:inherit; margin:0 0 15px 0;}
.lt-img {width:100%; float:inherit; margin: 0 0 15px 0;}

#panel {line-height:0;}
#contentWrapper {padding:10px 0 0 0;}
.captcha-105 {width:78%;}
.page img, .page p img, #mobile-image-hide { display:inline-block; }
.field {margin:0 0 20px 0;}
.fields {margin:0 0 12px 0;}
.field-label {margin:0 30px 5px 0;}

}

@media screen and (max-width: 400px){
body, p, ul, ol, h1, h2, h3, h4, blockquote p, table{font-size:98%;}
.main-menu { padding:0; }

.main-menu li { margin:0 0 14px 0;}
.about-top-right {margin-bottom:25px;}

.news-list-img {margin:22px 0 23px 0 !important;}

.captcha-105 {width:68%;}
.field {margin:0 0 20px 0;}
.page img, .page p img, #mobile-image-hide { display:inline-block; min-height: 37px; }
#footer-social a, #footer-social a:active, #footer-social a:visited{margin:0 4px;padding:2px;}
#footer .top-block{ padding: 25px 22px 20px 22px !important; }
}

@media screen and (max-width: 300px){
#logo img {max-width:260px;}
}