/*
Theme Name:     Twachaa Skin Clinic Child
Description:    
Author:         admin_twachaa
Template:       twachaaskinclinic

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.content-padding h4{margin:10px 0 5px 0;}
.site-btm{  color: #fff;}
.media-body{margin-bottom:5px;}
.box-pading{padding:100px 0;}
.media-heading{font-size:16px;text-transform: capitalize;margin-top:15px;}
table.dataTable thead th, table.dataTable thead td{padding:0px !important;}
.service-block .text{text-align:left;}
.news-box{margin-bottom:0px !important;}
#services .text{margin-bottom:30px;}
.img-profile{padding-right:15px;}
.text h4{margin:10px 0 0 0;text-transform: capitalize;}
.site-banner a:hover{color:#fff;text-decoration:underline;}
p {
    margin:0 0 10px 0 !important;
}
.min-height{min-height:350px !important;}
.content-padding{margin-bottom:30px; padding: 20px 0 0;}
.one-third{float:right;}
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds{margin:0px;}
.hover-lay{
  position:absolute;
  background:rgba(0,0,0,0.5);
  top:0;
  bottom:0;
  width:90%;
  transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  -o-transition:all 1s ease;
  -ms-transition:all 1s ease;
  display:none;
}
.hover-lay a{display:block;font-size:14px;top:35px;position:relative;color: #fff;}
.news-box:hover > .hover-lay{display:block;}
h5.hrf-title{text-transform: capitalize !important;}
.navbar-nav li ul.sub-menu li{  position:relative;}
.navbar-nav li ul.sub-menu li ul li{  position:initial;}
@media (min-width: 768px){
.navbar-nav li ul.sub-menu li ul{z-index:-1;left:100%;top:0;transform: translateX(40px); 
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transition: all 0s ease;
  -moz-transition: all 0s ease;
  -webkit-transition: all 0s ease;
}
.navbar-nav li ul.sub-menu li:hover > ul{  position: absolute;top: 0;left: 248px;z-index:1;}
.design{text-align:right;padding:0px !important;}
.link{text-align:left;padding:0px !important;}
}
/*Logo - Menu Fixed---*/
.scrolled .tp-bar{position: fixed;
  z-index: 101;
  width: 10%;
  left: 0;
  top: 0;
  padding:0px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 3px solid #e3e3e3;
  background-color: #76c04e;}
.scrolled .tp-bar .logo{text-align:left;}
.scrolled .tp-bar img{width: 50%;}
@media screen and (width:320px){
.scrolled .tp-bar{width:37%; z-index: 103;}
.list-inline > li{font-size:90% !important;}
.navbar-nav > li > a,.navbar-nav li li a{font-size:90% !important;}
blockquote{font-size:14px;}
.site-banner h1{font-size:16px !important;}
.site-banner a{font-size:12px !important;}
}
@media screen and (width:360px){
.scrolled .tp-bar{width:33%; z-index: 103;}
.list-inline > li{font-size:90% !important;}
.navbar-nav > li > a,.navbar-nav li li a{font-size:90% !important;}
blockquote{font-size:14px;}
.site-banner h1{font-size:16px !important;}
.site-banner a{font-size:12px !important;}
}
@media screen and (width:480px){
.scrolled .tp-bar{width:25%; z-index: 103;}
.list-inline > li{font-size:90% !important;display: block !important;}
.navbar-nav > li > a,.navbar-nav li li a{font-size:90% !important;}
blockquote{font-size:14px;}
.site-search-form ul.pull-right{float:left !important;}
.hover-lay{width:94% !important;}
.hover-lay a{top:33%;}
.activity-box{text-align:center;}
.activity-box .media-object{display: table-cell;}
}
@media screen and (width:640px){
.scrolled .tp-bar{width:19%; z-index: 103;}
.hover-lay{width:95% !important;}
.hover-lay a{top:33%;}
.activity-box{text-align:center;}
.activity-box .media-object{display: table-cell;}
.content-padding .one-fourth,.content-padding .one-third{text-align:center;}
.min-height{min-height:1024px !important;}
}
@media screen and (width: 720px){
.scrolled .tp-bar{width:16% !important; z-index: 103 !important;}
.hover-lay{width:96% !important;}
.hover-lay a{top:33% !important;}
.activity-box{text-align:center !important;}
.activity-box .media-object{display: table-cell !important;}
.content-padding .one-fourth,.content-padding .one-third{text-align:center !important;}
.min-height{min-height:1024px !important;}
}
@media screen and (width:750px){
.scrolled .tp-bar{width:16% !important; z-index: 103 !important;}
.hover-lay{width:95% !important;}
.hover-lay a{top:33% !important;}
.activity-box{text-align:center !important;}
.activity-box .media-object{display: table-cell !important;}
.content-padding .one-fourth,.content-padding .one-third{text-align:center !important;}
.min-height{min-height:1024px !important;}
}
@media screen and (width:768px){
.navbar .container{padding:0 !important;width:100% !important;}
.navbar-nav > li > a{padding: 15px 9px !important;font-size: 14px !important;text-transform: capitalize !important;}
.navbar-nav li li a{font-size:13px !important;}
.scrolled .tp-bar .container{padding:0 !important;width:100% !important;}
.scrolled .tp-bar{width:16%; z-index: 103;}
.scrolled .tp-bar .container{padding:0px;}
.scrolled .tp-bar img{width:98% !important;}
.scrolled .navbar{width:85% !important;}
.scrolled .navbar-nav > li > a{font-size: 12px !important;
    padding: 15px 7px !important;}
.scrolled .navbar-nav ul{width:247px;}
.scrolled .navbar-nav li li a{font-size: 11px !important;}
.scrolled .navbar-nav li ul.sub-menu li:hover > ul{left:244px;}
/*.activity-box{text-align:center;}*/
.activity-box .media-object{display: table-cell;}
.hover-lay{width:92% !important;}
.content-padding .one-fourth,.content-padding .one-third{text-align:center;}
.min-height{min-height:600px !important;}
}
@media screen and (width:1024px){
.navbar .container{padding:0 !important;width:100% !important;}
.navbar-nav > li > a{/*padding: 15px 9px !important;font-size: 14px !important;*/text-transform: capitalize !important;}
.navbar-nav li li a{font-size:13px !important;}
.scrolled .tp-bar .container{padding:0 !important;width:100% !important;}
.scrolled .tp-bar{width:11.7%; z-index: 103;}
.scrolled .tp-bar .container{padding:0px;}
.scrolled .tp-bar img{width:100% !important;}
.scrolled .navbar{width:89% !important;}
.scrolled .navbar-nav > li > a{/*font-size: 12px !important;*/
    padding: 15px 7px !important;}
.scrolled .navbar-nav ul{width:247px;}
/*.scrolled .navbar-nav li li a{font-size: 11px !important;}
.scrolled .navbar-nav li ul.sub-menu li:hover > ul{left:244px;}*/
/*.activity-box{text-align:center;}*/
.activity-box .media-object{display: table-cell;}
.content-padding .one-fourth,.content-padding .one-third{text-align:center;}
.min-height{min-height:600px !important;}
.hover-lay{width:87% !important;}
.hover-lay a{top:12px !important;}
}
@media screen and (height:1366px){
.min-height{min-height:1024px !important;}
}
@media screen and (max-width:767px){
.list-inline > li{font-size:90% !important;display: block !important;}
.service-block .pull-right{float:none !important;}
.scrolled .tp-bar .container{padding:0px;}
.scrolled .tp-bar img{width:100%;}
.scrolled .navbar{width:100%;}
.scrolled .navbar .navbar-toggle{float:right;margin-right:15px;}
.list-inline > li{font-size:90% !important;}
.navbar-nav > li > a,.navbar-nav li li a{font-size:90% !important;}
blockquote{font-size:14px;}
.site-search-form ul.pull-right{float:left !important;}
h5.hrf-title{font-size:12px !important;line-height:16px !important;padding-top:0px !important;}
.hrf-content{font-size:12px !important;}
}
@media screen and (width:2560px){
.section-testimonials:before{width:100%;}
}