/*
Theme Name: Abqortho
Theme URI: https://wordpress.org/themes/abqortho/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Abqortho brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.1
Tested up to: 6.1
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: abqortho
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



:root {
--montserrat: 'Montserrat', sans-serif;
--open-sans: 'Open Sans', sans-serif;


--begani: #7268C9;
--cyan: #22cde7;
--light-cyan:#D6F4F9

}


@font-face {
    font-family: 'Ostrich-Sans';
    src: url('./assets/font/OstrichSans-Black.woff2') format('woff2'),
        url('./assets/font/OstrichSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.fa{font-family: FontAwesome !important;}
.xdsoft_datetimepicker {z-index:1111111;}

*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative;font-family:var(--open-sans); margin: 0; padding: 0; } 
a:focus,a:hover,a{outline: 0;text-decoration: none;transition: 0.3s;}
ul, a, input,textarea{text-decoration: none;list-style: none;text-decoration: none;outline:none;}
p,li{font-size: 18px;line-height: 36px;color: #161a1b;font-weight: 400;}

.clear{float:left;width:100%;clear:both;}
.container{max-width: 1270px; margin: 0 auto;padding:0 15px;width: 100%;}
.container-full{width: 100%;margin: auto; padding: 0 15px;}

.flex {display: flex;flex-wrap: wrap;width: 100%;}
.align-items{align-items: center;}
.justify-sb{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-sa{justify-content: space-around;}
.justify-se{justify-content: space-evenly;}
.justify-left{justify-content: left;}
.justify-right{justify-content: right;}
.row-reverse{flex-direction: row-reverse;}


.cols-1,.cols-2,.cols-3,.cols-4,.cols-5,.cols-30,.cols-70,.cols-65,.cols-35,.cols-40,.cols-60
{padding: 1%;display: grid;}

.cols-1{width:100%;}
.cols-2{width:50%;}
.cols-3{width: 33.33339%;}
.cols-4{width: 25%;}
.cols-5{width: 20%;}
.cols-30{width: 30%;}
.cols-70{width: 70%;}
.cols-40{width: 40%;}
.cols-60{width: 60%;}
.cols-65{width: 65%;}
.cols-35{width: 35%;}
span#accessibilityWidget {
    color: #000;
}

img,iframe,video{width: 100%;vertical-align: bottom;border: none;  }

.wpcf7-not-valid-tip:not([style*="display:none"]) ~ *{
display:none;
}

/*=======================
    #header
========================*/
.mobile-view{display:none;}
.sticky-header {box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);}

.header_section { background: #fff;position: fixed;z-index: 11;  padding: 10px 0; }
.header_section .logo a{display: inline-block;}

.primary-menu ul{padding: 0;margin: 0;}
.primary-menu ul li{display: inline-block;}
.primary-menu ul li a{color: #161A1B;font-size: 16px;text-transform: uppercase;font-weight: 600;padding:15px;letter-spacing: 1.75265px;display: inline-block;}
.primary-menu ul li a:hover{color:var(--cyan);}

.main-navigation ul ul{background: var(--cyan);
    border: 1px solid var(--cyan);    width: 230px;}
.main-navigation ul li.menu-item-has-children:after{border-color: transparent transparent var(--cyan);}
.main-navigation li li{width:100%;}
.main-navigation ul ul a{width: 100%;
    padding: 5px 10px !important;
    display: inline-block !important;
    color: #fff !important;line-height: 24px;}
.main-navigation li li a:hover,.main-navigation li li a:focus,
.main-navigation li li:hover, .main-navigation li li.focus,
ul.sub-menu li.current_page_item a{
	color: var(--cyan) !important;
    background: #fff;
}
.main-navigation li li a svg{fill:#fff;}
 .main-navigation li li a:hover svg{fill:var(--cyan);}

/* ul.submenu::before{content: "";}
ul.submenu {position: absolute;z-index: 1000;display: none;width: 240px;font-size: 14px;list-style: none;background: var(--cyan);float: none;padding: 0;border-radius: 0;}
ul.submenu li {width: 100%;float:none;    display: inherit;}
ul.submenu li a{color: #fff;width: 100%;line-height: 20px;margin-left: 0;padding: 7px;}
ul.submenu li a:hover{    color: var(--cyan);background: #fff;}
ul.submenu li a:hover svg{fill: var(--cyan);}
ul.submenu li a svg{fill: #fff;position: relative;top: 3px;left: -2px;}
.primary-menu ul li:hover .submenu { display: block;transition: 1s;} */

.call-appointment .call-div a{font-size: 25px;color: #545d60;font-weight: 600;line-height: 50px;letter-spacing: 3px;}
.call-appointment .call-div a:hover{opacity: 0.8;}
.call-appointment .appointment-div{    display: flex;justify-content: center;margin-left: 35px;}
.call-appointment .appointment-div a{border: none;border-radius: 100px;color: #fff;background-color:var(--begani);font-size: 12px;font-weight: 600;letter-spacing: 1.15px;text-transform: uppercase;padding:0;width: 200px;height: 34px; display: flex;justify-content: center;align-items: center;}
.call-appointment .appointment-div a:hover{background-color: #46A2D5;}


/*=======================
    #footer
========================*/

.footer_section{background: var(--light-cyan);text-align: center;    padding: 30px 0;}
.footer_section .details-info img{width: auto;    margin-bottom: 50px;}
.footer_section .details-info p,.footer_section .details-info p a{font-size: 12px;color: #545d60;line-height: 24px;margin: 0;}
.footer_section .details-info p a:hover{text-decoration: underline;}


/*=======================
    #home-page
========================*/
.hero_section{position:relative;}
.hero_section .item{height: 320px;background-repeat: no-repeat;background-size: cover;}
.home .hero_section .item{height:476px;    background-position: 0 60px;}
.h1-title,article h1{font-size: 46px;line-height: 55px;font-weight: 900;text-transform: uppercase;color: var(--cyan);font-family: 'Ostrich-Sans';letter-spacing: 1px;    margin-top: 0;margin-bottom: 0;}
.inner_section article ul {padding-left:50px;}

.inner_section ul li{list-style: disc;}
.inner_section ul li a{color: #161a1b;box-shadow:none;}
.inner_section a{color:var(--cyan);box-shadow:none;}
.inner_section ul li a:hover,
.inner_section ul li a:focus,
.inner_section a:hover,
.inner_section a:focus{color: #6a6a6a;text-decoration: underline;box-shadow:none;}

svg.external-link{
        position: relative;
    top: 3px;
    left: 5px;
}
.video-wrapper iframe{height:350px;}
.blue-bg {
    background: #46A2D5;
    padding: 15px;
}
.blue-bg p{color:#fff;}
.inner_section  ul.social-review-links {
    display: flex;
    justify-content: left;
	padding-left:0;
}

.inner_section ul.social-review-links li {
    list-style: none;margin-right:15px;
}
.inner_section ul.social-review-links li a{
	    display: inline-block;
    text-align: center;
}
.inner_section ul.social-review-links li .fa{
	font-size: 70px;
    background: #fff;
    border-radius: 10px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;margin: auto;
}
.inner_section ul.social-review-links li span {
    display: grid;
}
.inner_section ul.social-review-links li.google .fa{color:#4285f4;}
.inner_section ul.social-review-links li.fb .fa{color:#3c5a99;}
.inner_section ul.social-review-links li.insta .fa{color:#fff;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.inner_section ul.social-review-links li a:hover,
.inner_section ul.social-review-links li a:focus{text-decoration:none;box-shadow:none;}
.inner_section ul.social-review-links li a:hover span{text-decoration:underline;}


.home_section_a{padding-top: 60px;}
.home_section_a .details-info{text-align: center;width: 867px;margin: auto;}
.home_section_a .details-info h1{font-size:58px;margin-bottom:30px;}
.home_section_a .details-info h2{font-size: 25px;color: #161a1b;font-weight: 500;letter-spacing: 0;font-family: var(--montserrat);padding: 0;}
.home_section_a .details-info a{color: var(--cyan);}
.home_section_a .details-info a:hover{color: #161a1b ;text-decoration: underline;}

.home_section_b{background-repeat: no-repeat;background-size: cover;    min-height: 850px;display: flex; align-items: center;padding: 50px 0;}
.home_section_b .boxes{display: flex;flex-direction: column;align-items: center;margin: 20px 10px;flex-basis: 310px;transition: transform 0.2s ease-in;}
.home_section_b .boxes:hover {transform: scale(1.05);}
.home_section_b .boxes .details-info h3{font-size: 22px;font-weight: 500;text-transform: uppercase;color: #fff;margin-bottom: 20px;margin-top: 0;}
.home_section_b .boxes .details-info ul{margin: 0;padding: 0;display: grid;text-align: center;}
.home_section_b .boxes .details-info ul li{color: #fff;}
.home_section_b .boxes .img-holder img{width: auto;}
.home_section_b .boxes .img-holder {width: 180px;height: 180px;position: relative;background-color: var(--cyan);margin-bottom: 40px;display: flex;justify-content: center;align-items: center;    border-radius: 50%;}
.home_section_b .boxes .img-holder::after {content: '';position: absolute;top: -6px;right: -6px;bottom: -6px;left: -6px;border: 3px solid #abded5;border-radius: 50%;}
.home_section_b .boxes .read-more{margin-top: 20px;}
.home_section_b .boxes .read-more a{border: none;border-radius: 36px; color: #fff;background-color: var(--begani);font-size: 12px;line-height: 1.2;font-weight: 600;letter-spacing: 1.15px;text-transform: uppercase;padding: 0.8em 1.5em;}
.home_section_b .boxes .read-more a:hover{background: #46A2D5;}

.home_section_c {padding-top: 100px;padding-bottom: 100px;}
.home_section_c .flex{background: var(--light-cyan);width: 1065px;margin: auto;height:392px;}
.home_section_c .cols-40,.home_section_c .cols-60{padding: 0;}
.home_section_c .map-holder iframe{height:392px;}
.home_section_c .content-holder h2{font-size: 64px;line-height: 77px;font-weight: 400;color: var(--cyan);letter-spacing: 4px;margin-bottom: 0;margin-top: 0;}
.home_section_c .content-holder {padding-left: 50px;}
.home_section_c .content-holder .call-div{margin-bottom: 10px;}
.home_section_c .content-holder .call-div a,
.home_section_c .content-holder .address-div a{font-size: 12px;color: #161a1b;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;}
.home_section_c .content-holder .call-div a:hover,
.home_section_c .content-holder .address-div a:hover{opacity: 0.8;text-decoration: underline;}
.home_section_c .social-media{margin-top: 15px;}

.social-media ul {margin: 0;padding: 0;}
.social-media ul li {float: left;}
.social-media ul li a {color: #fff;font-size: 14px;display: flex;width: 28px;height: 28px;justify-content: center;border-radius: 100%;margin-right: 15px;background: var(--begani);align-items: center;}

.inner_section{margin-top:15px;margin-bottom: 0;}
.team_div_a .details-info h2{margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #161a1b;
    line-height: 36px;}
.team_div_a .flex{    padding-bottom: 4%;}
.team_div_a .left{width:24.66669%;}
.team_div_a .right{width: 75.33339%;}
.team_div_a .right .details-info {
    padding-left: 2%;
    padding-right: 3%;
}

.reviews_div_a .leave-review a{
	    display: inline-block;
    text-align: center;
    background: var(--begani);
    color: #fff;
    padding: 0;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    width: 120px;
    font-weight: 600;
}
.reviews_div_a .leave-review a:hover{background:#46A2D5;}



.reviewboxes{width:50%;padding: 5px;}
.review-bell-boxes {
    float: left;
    width: 100%;
    clear: both;
    background-color:#46A2D5;
    margin-bottom: 10px;
    padding: 10px;
}
.review-bell {
    float: left;
    width: 100%;
    clear: both;
}
.star-container {
    width: auto;
    height: 30px;
    line-height: 30px;
    list-style: none;
    margin: 5px 0px;
    padding: 0px;
    float: left;
}
.star-container li.star {
    width: 29px;
    height: 30px;
    background: url(https://www.eliteorthoaz.com/wp-content/themes/eliteorthoaz/images/star_yes.png) no-repeat;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    float: right;
    color: transparent;
    text-indent: 100%;
}
.star-container li.selected {
    background: url(https://www.eliteorthoaz.com/wp-content/themes/eliteorthoaz/images/star_yes.png) no-repeat;
    -webkit-backface-visibility: visible !important;
    -webkit-animation: flipMarker 1s infinite;
    backface-visibility: visible !important;
    animation: flipMarker 1s infinite;
}
.reviewcontent p {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 0;
}

.reviewcontent h2{
	margin: 0;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    float: right;
    padding: 0;
}

/* Appoinment Form */

 .available-option{float:left;width:100%;clear:both;position:relative;} 
 .available-option1{float:left;width:100%;clear:both;}
 .available-option1 .available-option2{float:left;width:50%;padding:0 10px;}

.available-option2 input.Input-caller  {font-family: 'Montserrat'!important;
    background-color: #fff !important;
    line-height: 1.4!important;
    padding: 0.5em!important;
    border: 1px solid #E2E4E9!important;
    border-radius: 4px!important;
    max-width: 100%!important;
	height:45px;
}
.available-option2{padding:0 10px;float:left;width:100%;margin-bottom:15px;position:relative;}
.available-option2 textarea {
    
    height:70px!important;
	font-family: 'Montserrat'!important;
    background-color: #fff!important;
    line-height: 1.4!important;
    padding: 0.5em!important;
    border: 1px solid #E2E4E9!important;
    border-radius: 4px!important;
    max-width: 100%!important;
}
/* .available-option2 input.walcf7-timepicker{
	font-family: 'Montserrat'!important;
    background-color: #fff !important;
    line-height: 1.4!important;
    padding: 0.5em!important;
    border: 1px solid #E2E4E9!important;
    border-radius: 4px!important;
    max-width: 100%!important;
	height:45px;
} */
.wpcf7-form-control-wrap{position:relative;}
.fa-calendar-o,.fa-clock-o{
	position: absolute;
    right: 20px;
    top: 16px;
    font-size: 15px;
}
.available-option2 .submit-but{
	color: #fff!important;
    background: #fc675c!important;
    display: inline-block!important;
    margin: 10px 0!important;
    font-family: 'Montserrat'!important;
    font-size: 16px!important;
    line-height: 18px!important;
    padding: 10px 30px!important;
    text-decoration: none;
    font-weight: 400!important;
    cursor: pointer!important;
    border-radius: 30px!important;
    border: 1px solid #fc675c!important;
}
.available-option2-last{text-align:center;}

.tabcontent {display:none;    margin-bottom: 22px;}
#pone{display:block;}
.tabert{float:left;width:100%;clear:both;padding:0 15px;}
.tablinks{float:left;font-size:18px;line-height:33px;color:#2d3748;margin-right:20px;padding:0 4px;position:relative;}
.tabert1{float:left;width:100%;clear:both;padding:0 0 7px;margin-bottom:15px;border-bottom: 1px solid #E2E4E9;}
.tablinks.active:after{width:68px;height:2px;background:#6b98f2;content:'';bottom:-8px;left:50%;margin-left:-34px;position:absolute;}
.tablinks:first-child.active:after{width:50px;margin-left:-25px;}

 
.mesbut{float:left;width:100%;clear:both;text-align:center;font-size:18px;margin-bottom:8px;line-height:33px;color:#555555;font-family: 'Montserrat';font-weight:400;}
.mesbut .fa{font-size:22px;position:relative;top:2px;}
.mesbut .fa-minus-square-o{display:none;}
.mesbut .fa-plus-square{color:#6b98f2;}
.mesbut1{display:inline-block;cursor:pointer;}
.selected34 .fa-plus-square{display:none;}
.selected34 .fa-minus-square-o{display:inline-block;}
.mesbut .available-option2{display:none;}
.mesbut.selected34 .available-option2{display:block;}
.available-option2 .wpcf7-not-valid-tip{font-size: 13px;}
.available-option2 .wpcf7-form-control-wrap {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}
.available-option2 br{display:none;}
.available-option2 .floating-label{width:auto;background:#fff;left:15px;text-align: left;}
.available-option2 .floating-label.floating-label234{width:200px;}
.available-option2 .floating-label.floating-label234.has-value{width:auto;}
.available-option2 .floating-label.floating-label2345{width:200px;}
.available-option2 .floating-label.floating-label2345.has-value{width:auto;}
.available-option2 .floating-label.floating-labe23456l{width:300px;}
.available-option2 .floating-label.floating-labe23456l.has-value{width:auto;top:-20px;}
.wpcf7-spinner{display:none !important;}

 .appointment-popup input[type="submit"]{
	background-color: var(--begani);
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}
.appointment-popup input[type="submit"]:hover,.review-popup input[type="submit"]:hover{background:#46A2D5;}
.review-popup input[type="submit"]{
	background-color: var(--begani);
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    width: 160px;
    border: none;
    line-height: 43px;
    height: 40px;
    padding: 0;
}
.review-popup label{
	font-size: 18px;
    color: #161a1b;
    font-weight: 400;
}
.review-popup input::placeholder,.review-popup textarea::placeholder{color:rgba(0,0,0,0.3);}
.review-popup input[type="text"]:focus,.review-popup textarea:focus{border-color: #6B98F2;
    box-shadow: 0 0 0 1px #6b98f2;}

.wpcf7 form .wpcf7-response-output{
	float: left;
    clear: both;
    width: 100%;
    text-align: center;
    border-color: transparent !important;
	color:#fff;margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output{
	background:red;
}
.wpcf7 form.sent .wpcf7-response-output{
	background:green;
}



.contact_div_a .map-holder iframe{height:450px;}
.contact_div_a .message-btn a{
	background: var(--begani);
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 500;
}
.contact_div_a .message-btn a:hover{background:#46A2D5;text-decoration:none;}
.contact_div_a .email,.contact_div_a .call-us{
	font-size: 18px;
    color: #000;
    font-weight: 400;    margin-top: 15px;

}
.contact_div_a .email a,.contact_div_a .call-us a{
	font-size: 18px;
    color: var(--cyan);
    font-weight: 400;
}
.contact_div_a .email a svg{ fill: var(--cyan);}
.contact_div_a .email a:hover,.contact_div_a .call-us a:hover,.contact_div_a .email a svg:hover{ color: #6a6a6a;}
.contact_div_a .email a:hover svg{ fill: #6a6a6a;}

/* review-popup */
#wpcf7-f245-o2{width:100%;}
#wpcf7-f245-o2 textarea{height:80px;}
#wpcf7-f245-o2 .uacf7-rating{height:auto;    top: -10px;}
form.failed .wpcf7-response-output,form.invaild .wpcf7-response-output{background:red;}
form.sent .wpcf7-response-output{background:green;}

.post-239 .aioseo-html-sitemap h4,.error-404 .aioseo-html-sitemap h4{display:none;}
.post-239 .h1-title,.error-404 .h1-title{padding:0;}
.aioseo-html-page-sitemap ul li{list-style:disc;}
.aioseo-html-page-sitemap ul li ul li{list-style:circle;}
.error-404 .aioseo-html-page-sitemap ul{padding-left:50px;}



.md-modal .heding{float:left;width:100%;clear:both;text-align:center;margin-top:30px;}
.md-modal .heding h1{
	font-size: 23px;
    line-height: 30px;
    color: #161a1b;
    font-family: var(--montserrat);
    font-weight: 500;
    text-transform: uppercase;
}

.open_appointment,.open_review{cursor:pointer;}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 1111111;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	  
}

.review-show,.appointment-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 999999;
	opacity: 0;
	background: rgba(40,43,49,.8);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.review-show ~ .md-overlay,
.appointment-show ~ .md-overlay{
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #333;
	background: #fff;
	padding: 30px;
}

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.review-show.md-effect-1 .md-content,
.appointment-show.md-effect-1 .md-content{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.md-close{
	    background: transparent;
    color: #000;
    position: absolute;
    right: 0;
    display: inline-block;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    font-size: 32px;
    font-weight: 400;cursor:pointer;top:0;
}
.md-close:hover{background:transparent;opacity:0.7;}


#button-top {
  display: inline-block;
 background-color: #333;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button-top::after {
 content:"\f176";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 18;
  line-height: 50px;
  color: #fff;
}
#button-top:hover {
  cursor: pointer;
  background-color: var(--begani);
}
#button-top:active {
  background-color:  var(--begani);
}
#button-top.show {
  opacity: 1;
  visibility: visible;
}

.doctor_div_a .details-info p{margin:0 0 10px;}
.post-155 .blue-bg{    margin-bottom: -15px;}

/*=======================
    #responsive
========================*/

@media (max-width:1200px){
	.desktop-view,#button-top{display:none;}
	 .mobile-view {    display: block;
    position: fixed;
    z-index: 11;
    background: #fff;
    bottom: 0;
    padding: 10px;}
	.mobile-view .flex{flex-wrap:wrap;}
	 .mobile-view .cols-3{width:33.33339%;}
	 .mobile-view a{text-align: center;
    display: inline-block;}
	.mobile-view a span{display:grid;}
	 .mobile-view .appointment-div a{
		    background: var(--begani);
    color: #fff;
    border-radius: 100px;
    font-size: 18px;
    width: 320px;
    margin: auto;
    height: 35px;
    line-height: 35px;
	}
	
	.footer_section{    padding-top: 30px;
    padding-bottom: 160px;}
	


.call-appointment .call-div a{display: flex;align-items: center;  }
.home_section_a .details-info,   .home_section_c .flex{width: 100%;}
.home_section_c {padding-top: 50px;padding-bottom: 50px;}
	.md-modal{width:80%;}
}

@media (max-width:768px){
 .containers{width: 100%;}
.header_section .flex{    flex-wrap: wrap-reverse;}
.header_section{position: relative;}
.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-30, .cols-70, .cols-65, .cols-35, .cols-40, .cols-60{width: 100%;}
.header_section .logo img{width: 200px;}
.call-appointment{text-align: center;width: 100%;}
.call-appointment .appointment-div{margin-left: 0;}
.home_section_a .details-info h1{font-size: 45px;}
.home_section_a .details-info h2{font-size: 22px;}
.home_section_c .content-holder {padding: 30px;text-align: center;}
.home_section_c .content-holder h2{font-size: 45px;letter-spacing: 0px;}
.home_section_c .social-media ul{display: flex;justify-content: center;}
.footer_section .details-info img{width: 200px;margin-bottom: 30px;}
.call-appointment{border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;}
	.available-option1 .available-option2{width:100%;}
	.md-modal {
   width: 100%;
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
    background: white;
}
	.reviewboxes{width:100%;}
	.team_div_a .left,.team_div_a .right{width:100%;}
	.team_div_a .left .imgs{margin: auto;text-align: center;}
	.team_div_a .left .imgs img{width:auto;}
	.home_section_c .flex{height:auto;}
}

@media (max-width:484px){
	.mobile-view .appointment-div a{font-size:14px;width:100%;}
	.team_div_a .left .imgs img{width:100%;}
}
@media (min-width: 1201px) and (max-width: 1310px){
	.logo img{width:180px;}
}

@media (min-width: 1201px) and (max-width: 1250px){
.primary-menu ul li a{padding: 10px;font-size: 14px;}
	
}

@media (min-width: 769px) and (max-width: 1200px){
.call-appointment{ position: relative;right: 100px;}
.home_section_c .content-holder {padding: 30px;}
	

}


@media (min-width: 485px) and (max-width: 768px){
.call-appointment .call-div a{font-size: 22px; letter-spacing: 1px;}
.call-appointment div{margin: 0 10px;}
.call-appointment{display: flex;align-items: center;justify-content: center;}
.toggle-open .primary-menu{margin-top: 66px;}
}