/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@media (min-width:320px) {
	.container {
		width: 100%;
	}
}

@media (min-width:768px) {
	.container {
		width: 750px;
	}
	
	.row-box.row-box-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
	
}
@media (min-width:768px) and (max-width:992px) {
.four-footer .row-box {display:flex;flex-wrap:wrap;}
.four-footer .row-box > div {
    width: 33.33%;
    margin-top: 20px;
}
}



@media (min-width:992px) {
	.container {
		width: 970px;
	}
	.wpcf7-radio span.wpcf7-list-item {
    padding-right: 30px;
}
}

@media (min-width:1024px) {
	.serah-box img {
    pointer-events: none;
}
}
@media (min-width:1200px) {
	.container {
    width: calc(100% - 15px);
}
	.four-footer .row-box {
    padding: 0px 35px;
}
	.full-width .about-text-box {
    padding: 50px 35px 40px;
}
	.about-top-pad0  .about-text-box {
    padding: 0px;
}
	
}

@media (min-width:1300px) {
	.col12.logo {
    padding: 0px 55px;
}
	.inner-banner h2 {
    padding: 34px 44px 34px 45px;
	}
	.two-column-content .row-box {
    padding: 0 30px;
}
.full-width .about-text-box {
    padding: 50px 35px 40px;
}
	.full-width .location-info-wrapper .about-text-box {
    padding: 20px 35px 40px;
}
	.slider .about-text-box {
    padding: 0px 35px;
}
	.about-top-pad0 .about-text-box {
    padding: 0px;
}
	.four-footer .row-box {
    padding: 0px 35px;
}
	.container {
    width: calc(100% - 260px);
}
	
}

@media (min-width:1366px) {
	.content-with-image .container {
		width: 926px;
	}
	
	section.testimonial .container {
		width: 650px;
	}
	
	section.room .container {
		width: 815px;
	}
	
	.top-footer .container {
		width: 1050px;
	}
}

@media (min-width:1500px) {
	.container {
		width: calc(100% - 260px);
	}
}

@media (max-width:767px) {
	.col1,
	.col2,
	.col20,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.col10,
	.col11,
	.col12 {
		width: 100%;
	}
}
@media(max-width:1500px) {
.col3 .button a {
    padding: 10px 7px !important;
    font-size: 14px !important;
}
}
@media(max-width:1450px) {
	.stellarnav li a {
		padding: 9px 10px;
	}
}

@media(max-width:1366px) {
.col3 .button a {
    padding: 10px 5px !important;
    font-size: 12px !important;
}
}

@media(max-width:1276px) {
	/* Menu css */
	.stellarnav li a {
		padding: 10px 6px;
	}
	/* End Menu css */
	.container {
		width: 100%;
	}
	.col12.logo {
    padding: 0px 15px;
}
	.inner-banner h2 {
    padding: 34px 44px 34px 15px;
	}
	
}

@media(max-width:1200px) {
	/* Menu css */
	.stellarnav>ul>li {
		margin-left: 30px;
	} 
	.search-show .col3 { width : 33%; }
	
}

@media only screen and (max-width:1024px) {
	/* Banner css */
	.banner-content h2 {
		font-size: 30px;
		color: #fff;
		line-height: 40px;
	}
	.banner-content h2 span {
		max-width: 200px;
	}
	.search-text {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    z-index: 9;
}
    .stellarnav ul ul {
    -webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 22%);
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 22%);
}
	/* End banner css */
	.serah-box img {
		padding:7.5px 9.5px;
		background: #f2f2f2;
		margin-top: 0px;
		margin-right: 5px;
		position: relative;
	}
	.search-text {
		display: none;
	}
	.stellarnav>ul>li {
		margin-left: 0px;
	}
	.stellarnav.mobile {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
	.serah-box {
	margin-top: 0px;
            position: static;
}
    .serah-box button.search-submit {
    display: inline-block;
        border:none;
        padding:0 10px;
}
	.search-text.search-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0px;
    width: 100%;
    background: #fff;
    padding: 10px;
    z-index: 99;
    border: 1px solid #efefef;
}
	.fixer .open .sub-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
	.fixer .sub-menu li {
    padding: 3px 20px;
    margin-bottom: 5px;
    width: auto;
		border-right:1px solid #989898;
}
	.fixer .sub-menu li:last-child {
		border-right:0px solid #989898;
}
	.fixer .sub-menu li a{
    color: #989898 !important;
}
	ul#menu-main-navigation {
    margin-top: 100px;
}
	.stellarnav.mobile.right>ul, .stellarnav.mobile.left>ul {
    max-width: 0px;
    -webkit-transition: .5s;
    transition: .5s;
}
	nav.stellarnav.dark.right.mobile.active ul#menu-main-navigation {
    max-width: 450px;
    -webkit-transition: .5s;
    transition: .5s;
}
	ul#menu-main-navigation{display:none;}
}

@media(max-width:992px) {
	/* Header css */
	
	.search-show .col3 { width : 50%; }
	 
	.top-header .col12 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	/* End Header css */
	/* Banner css */
	section#banner,
	section#inner-banner {
		display: inline-block;
	}
	.banner-container {
		position: relative;
		display: inline-block;
	}
	.home .banner-container {
		position: relative;
		display: inline-block;
		background: #1B1A19;
		padding: 20px 15px;
	}
	.banner-content {
		max-width: 100%;
		width: 100%;
		margin-top: 0px;
	}
	section#banner>img {
		height: 300px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	section#inner-banner .banner-content h2,
	section#inner-banner .banner-content h2 strong {
		width: 100%;
		max-width: 100%;
		display: inline-block;
	}
	/* End Banner css */
	.left-box-form-down {
    max-width: 100%;
}
	.right-box-form-down {
    max-width: 100%;
		margin-left:0px;
}
	.graphics-catalog .container .row-box {
    padding: 0 0px;
}
	a.view-all, .view-all a {
    padding: 0 10px;
	}
	.catalog-box1 .bottom-box a {
    padding: 10px;
    font-size: 14px;
}
	.product-catalog .col4 {
    padding: 5px;
    width: 50%;
}
	.col12.logo {
    padding: 0px 15px;
}
	.inner-banner h2 {
    padding: 15px;
    font-size: 25px;
	}
	.inner-banner:before, .inner-banner:after{display: none;}
	.two-column-content .row-box {
    padding: 0 0px;
}
	
}

@media only screen and (max-width:767px) {
	.footer-link {text-align: center;}
	.search-show .col3 { width : 100%; }
	 
	.gg-element a figure figcaption { opacity : 1; font-size: 14px; line-height: 16px; }
	
	/*  Global css  */
	img[align="right"],
	img[align="left"] {
		max-width: 100%;
	}
	/*  End Global css  */
	/*   header serach */
	.box-content-test {
		padding: 0 15px;
	}
	.about-text-box1, .about-text-box1.alt-box1 {
		padding: 15px;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-top: 20px;
	}
	.room-box-top {
		display: inline-block;
	}
	.room-box-top figure,
	.room-box-top .right-box-room {
		width: 100%;
	}
	.top-footer {
		text-align: center;
	}
	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		height: auto;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.main-carousel1 .slide-item .slide-text h3, .innercarousel .slide-item .slide-text h3 {
    font-size: 37px;
    line-height: 40px;
}
	section.about1 .row-box .col6:first-child {
		padding-right: 15px;
	}
	.plain-dental-text h3 {
		font-size: 33px;
	}
	.plain-dental-text {
		padding: 0 15px;
	}
/* 	team */
	.meet-our-team .team-info {
    display: inline-block;
	}
	.meet-our-team .team-info img{
		width:100%;
	}
	.inner-banner h2 {
        padding: 15px 20px;
    width: 82%;
    font-size: 25px;
    text-align: center;
	}
	
	.box-form-down {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
	.other-contact .about-text-box{
    max-width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.other-contact .about-text-box .col12 {
    max-width: 100%;
    padding: 35px 19px;
}
	.full-width .about-text-box {
    padding:0px 0px 40px;
}
	.padd-35-lr .team-info {
    padding: 0 0px;
}
	.padd-35-lr .about-text-box {
    padding:40px 0px;
}
	.date-tag-author {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
	.meet-our-team .alignleft {
    margin: 0 0px 20px 0;
    max-width: 100%;
}
	.date-tag-author>div {
    line-height: 28px;
}
	ul.tabs.wc-tabs {
    padding: 0px !important;
}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 2px 14px;
    border: 1px solid #1B1A19;
    background: #1B1A19 !important;
    color: #fff;
    font-size: 14px;
}
	
/* 	new */
	.wpcf7-radio span.wpcf7-list-item {
    margin: 0px;
    width: 100%;
    margin-top: 5px;
}
	.padd-35-lr1 .about-text-box {
    padding: 0px 15px;
}
	.graphics-catalog .container > .row-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
	
	.links-heading h3:after {
    content: '\f078';
    font-family: 'FontAwesome';
    float: right;
    font-size: 13px;
		    -webkit-transition: .5s;
		    transition: .5s;
}
	.links-heading.links h3:after {
    content: '\f077';
    font-family: 'FontAwesome';
    float: right;
    font-size: 13px;
		    -webkit-transition: .5s;
		    transition: .5s;
}
	.links-heading ul {
    display: none;
		    -webkit-transition: .5s;
		    transition: .5s;
}
	ul.links-visible {
    display: block;
		    -webkit-transition: .5s;
		    transition: .5s;
}
	.links-heading h3 {
    background: #BF8A00;
    color: #fff;
    padding: 8px;
		font-size:17px;
		    -webkit-transition: .5s;
		    transition: .5s;
}
	.graphics-catalog .graphics-box h3 {     margin-bottom: 15px; padding-top: 10px; }
	.four-footer .col3 .footer-link,.four-footer .col2 .footer-link  {
    margin-bottom: 30px;
    text-align: center;
}
	.social-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
	.button-box-text .custombtn {
	    max-width: 200px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
    
.about-text-box {
    padding: 0px;
}
}

@media only screen and (max-width:420px) {
	/* Menu css */
	.stellarnav.mobile .call-btn-mobile.third span,
	.stellarnav.mobile .location-btn-mobile.third span {
		display: none;
	}
	/* End Menu css */
    .catalog-box1 .bottom-box a {
    padding: 10px;
    font-size: 12px;
}
	 
}

@media(max-width:1200px){
    .template-btn {
    padding: 5px;
    margin-left: 5px;
    font-size: 13px;
}
}

@media (max-width: 768px) {
  .portfolio-grid {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
	.bottom-box {padding: 0px;}
}
@media only screen and (min-width: 768.1px) and (max-width: 991px) {
  .portfolio-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }		
  }

@media(max-width:992px){
    .portfolio-grid .portfolio{
        width:50%;
    }   
}
@media(max-width:767px){
    .product-details h3{
        margin-top: 18px;
    }
    .portfolio-grid .portfolio{
        width:100%;
    }  
    .portfolio-tab ul li {
    padding: 5px 10px 5px;
    font-size: 15px;
}
	.custom-popup-content .custom-close {
    right: 0;
    top: 0;
    border-radius: 0;
}
}