/*------------------------------------------------------------------------------

Template Name: Unify Corporate & Business Wordpress Theme
Template URI: www.bootitems.com
Description: This is a multipurpose html5 template
Author: Masud Rana
Author URI: www.bootitems.com
Version: 1.0  

Note: This file includes styles for normal desktop, tablet, large mobile and small mobile;
	-------------------------------------------------------------------------------*/

/* =================================================
Normal desktop :992px. =============================*/

@media (min-width: 992px) and (max-width: 1169px) {
.wrapper.boxed-layout, .boxed-layout .sticky {width:960px;}
.main-menu > li > a {padding: 10px;}
.slide-content h1 {font-size: 48px;  line-height: 48px;  margin-bottom: 15px;}
.slide-content p {font-size: 16px;  margin-bottom: 10px;}
.slide-content .btn {font-size: 14px;  margin: 0 5px;padding: 5px 12px;}
.slide-content .btn-primary, .slide-content .btn-secondary {height: 36px;line-height: 36px;margin: 10px 5px;padding: 0 20px;}
#slider-container .owl-controls.clickable {bottom: 10px;}
.about-left::before {height: 270px;  right: 68px;}
.client-pic {height: 124px;  margin: -60px auto auto;  width: 120px;}
.client-content {padding-left: 160px;}
.comments-list .comment-avatar { border: 3px solid #fff;height: 85px;width: 85px;}
.content-area ul.children {margin-left: 50px;}
.comments-list .comment-box {width: 81%;}
.reply-list {padding-left: 130px;}
.reply-list li::before {left: -80px;width: 80px;}
}

/*=================================================
 Tablet desktop :768px.============================ */
@media (min-width: 768px) and (max-width: 991px) {
.wrapper.boxed-layout, .boxed-layout .sticky {width:740px;}	
.admin-bar .sticky .header-navigation{top: 32px;}	
.slider-content {padding-top: 0;}
.slide-content h3 {font-size: 20px;  line-height: 24px;  margin-bottom: 10px;}
.slide-content h2 {font-size: 26px; margin-bottom: 10px;line-height:32px;}
.slide-content h1 {font-size: 28px;  line-height: 28px;}
.slide-content p {font-size: 14px;  line-height: 18px;  margin-bottom: 5px;}
#slider-container .owl-controls.clickable {bottom: 10px;}
.slider-resturant .slide-content h1::before {margin-left: -150px;  width: 300px;}
.page-header-bg, .page-header-light{min-height:200px;}
.about-left::before, .about-left::after  {display:none;}
.team-member > a::after {top: 58%;}
.carousel-control-flat .owl-page {margin: 0;  width: 86px;}
.slide-content .btn {font-size: 13px;font-weight: 600;margin: 5px 5px 0;padding: 5px 12px;}
.slide-content .btn-primary, .slide-content .btn-secondary{height: 36px;line-height: 36px;margin: 10px 5px;padding: 0 20px;}
.slide-content .btn-lg, .slide-content .btn-group-lg > .btn {font-size: 14px;font-weight: 600;padding: 5px 15px;}
.comments-list .comment-avatar {border: 3px solid #fff;height: 75px;width: 75px;}
.content-area ul.children {margin-left: 50px;}
.comments-list .comment-box {width: 80%;}
.reply-list {padding-left: 130px;}
.reply-list li::before {left: -80px;width: 80px;}
}

/* ==================================================================================
Small Mobile :320px. ================================================================*/
@media (max-width: 767px) {
.wrapper.boxed-layout, .boxed-layout .sticky {width:310px;}	
.container {width:300px}
.admin-bar .sticky .header-navigation{top: 0;}
.logo h1.logo-text {margin-bottom:20px}
.top-left-info{text-align:center;}
.list-menu {text-align: center;  float:none !important;}
.list-menu > li {margin-left: 16px;}
.list-menu > li {display: inline-block;  float: none;}
.list-menu > li::after {display: none;}
.mobile-menu-area {width:270px}
.topbar-stylish-inner {margin: auto auto auto -155px;width: 310px;}
.topbar-stylish .list-menu > li {margin: 0 5px;}
.slider-content {padding-top: 0;}
.slide-content h3 {font-size: 18px;font-weight: 700; line-height: 20px;margin-bottom: 8px;}
.slide-content h1 {font-size: 24px;  line-height: 28px;  margin-bottom: 10px;}
.slider-ecommerce .slide-content h1 {  line-height: 26px;}
.slide-content h3 {font-size: 14px;}
.slide-content p {display: none;}
.slide-content .btn {  margin: 0 5px 0;}
#slider-container .owl-controls.clickable {display: none !important;}
.page-header-bg, .page-header-light{min-height:200px;}
.post-detail .entry-header h1.entry-title {line-height: 30px;}
.banner-parallax {top:0 !important;}
.page-title {margin-bottom: 5px;}
.about-left {height: auto;}
.about-left::after, .about-left::before {display: none;}
.about-right {margin-bottom: 30px;}
.client-pic {height: 78px;left: inherit;margin-top: 25px;padding: 0;right: 5px;top: 100%;width: 75px;}
.single-client {margin: 0 0 105px;}
.client {padding: 15px;}
.client::before {border-bottom: 14px solid transparent; border-right: 20px solid #fff;border-top: 14px solid transparent;margin-top: -4px;right: 32px;top: 100%;  transform: rotate(-90deg);}
.client-content {padding-left: 0;}
.client-info {margin-bottom: 20px;}
.client-say > p {margin-bottom: 5px;}
.carousel-control-flat .owl-page {margin: 0;width: 22px;}
.single-brand {line-height: 60px;padding: 10px;}
.footer-bottom-area {padding: 27px 0 50px;}
.copyright-text {margin-bottom: 25px; text-align: center;}
.footer-social-links ul.social-links {text-align: center;}
.half-field, .half-field-last {width: 100%;}
.slide-content .btn {margin: 0 5px;padding: 5px 10px;}
.slide-content .btn-primary, .slide-content .btn-secondary{height:30px; line-height:30px;margin: 2px 5px 4px;padding: 0 12px;}
.slide-content .btn-lg, .slide-content .btn-group-lg > .btn {font-size: 12px;font-weight: 600;padding: 3px 15px;}
.search-wrap {width: 260px;}
.comments-list .comment-avatar {border: 2px solid #fff;height: 50px;width: 50px;}
.comments-list .comment-box {width: 80%;}
.content-area ul.children {margin-left: 15px;}
.comment-box .comment-head {padding: 12px 6px;}
.comments-list::before {left: 25px;width: 1px;}
.reply-list li::before{display:none;}
.comments-list .comment-box::before, .comments-list .comment-box::after {display:none;}
.comment-reply-link {display: block;float:none;}
.comment-box .comment-head span {float:none;}
.reply-list .comment-avatar {height: 40px;width: 40px;}
.reply-list {padding-left: 30px;}
.reply-list .comment-box {width: 78%;}
.comment-box .comment-name {display: block;float: none;}
.footer-bottom-area .cards img {display: block;margin: auto;}
.footer-area .widget-title {margin-bottom: 25px;}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper.boxed-layout, .boxed-layout .sticky {width:470px;}	
.container {width:450px}
#wpadminbar {position: fixed;}
.admin-bar .sticky .header-navigation{top: 46px;}
.logo h1.logo-text {margin-bottom:20px}
.mobile-menu-area {width:420px}
.slider-content {padding-top: 0;}
.slide-content h3 {font-size: 20px; margin-bottom: 10px;}
.slide-content h2 {font-size: 22px; margin-bottom: 10px;line-height:28px;}
.slide-content h1 {font-size: 26px;line-height: 30px;}
.slide-content p {display: none;}
.slide-content .btn {margin: 0 5px 0;}
#slider-container .owl-controls.clickable {  display: none !important;}
.page-header-bg, .page-header-light{min-height:200px;}
.banner-parallax{top:0 !important;}
.page-title {margin-bottom: 10px;}
.about-left {height: auto;}
.about-left::after, .about-left::before {display: none;}
.about-right {  margin-bottom: 30px;}
.carousel-control-flat .owl-page {margin: 0;  width: 50px;}
.single-brand {line-height: 70px;  padding: 5px;}
.blog-post-heading {line-height: 20px;}
.slide-content .btn {margin: 0 5px;  padding: 5px 10px;}
.slide-content .btn-primary, .slide-content .btn-secondary{height: 32px;line-height: 32px;padding: 0 15px;}
.slide-content .btn-lg, .slide-content .btn-group-lg > .btn {font-size: 14px;font-weight: 600;padding: 5px 15px;}
#patient-quotes .owl-controls .owl-next {right: 20%;}
#patient-quotes .owl-controls .owl-prev {left: 20%;}
.search-wrap {width: 260px;}
.comments-list .comment-avatar {border: 4px solid #fff;height: 70px;width: 70px;}
.comments-list .comment-box {width: 77%;}
.content-area ul.children {margin-left: 15px;}
.comments-list::before {left: 35px;width: 1px;}
.comment-box .comment-head {padding: 12px 6px;}
.reply-list li::before {height: 1px;left: -56px;top: 29px;width: 60px;}
.reply-list .comment-avatar {height: 60px;width: 60px;}
.reply-list {padding-left: 92px;}
.comments-list .comment-box {width: 78%;}
.comment-box .comment-name {display: block;float: none;}
.reply-list .comment-box {width: 75%;}
}