/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {




/* Index */
.header-top-container-bg {
	padding: 10px 15px;
}
.slider-top .swiper-container {
	height: 300px;
}
.slider-top .swiper-slide-img {
    margin-right: 0px;
}

.why-choose-us-container {
    margin-left: 50px;
    padding: 10px 15px 20px 15px;
    font-size: 13px;
    line-height: 20px;
    min-height: 225px;
}
.why-choose-us-container-title {
    margin-left: -50px;
    font-size: 20px;
}
.why-choose-us-container-text {
    margin-top: 0;
}



/* About */
.breadcrumbs-bg {
    padding: 34px 0;
}
.body-title-bg {
    margin-bottom: 25px;
}
.body-container {
    font-size: 15px;
    line-height: 23px;
    padding-top: 0;
}




/* Contacts */
.contacts-title {
    margin: 13px 0 50px 0;
}
.contacts-form-div input[type=text], .contacts-form-div input[type=email] {
    max-width: 245px;
    margin: 3px 45px 18px 0;
}





/* Price */
.body-price-title-bg {
    margin-bottom: 25px;
}
.body-price-bg {
    margin-top: 30px;
    margin-bottom: 60px;
}





.body-img-bg {
    height: 350px;
}
.body-img {
    background-size: 140% auto;
}





}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    h1 { font-size: 24px; line-height: 26px;}
    .slide-text p {font-size: 16px;}
    .slide-cont {height: 350px;}
    .slide-img {max-height: 310px;}
    ul.nav-main {font-size: 14px; font-family: 'MuseoSans500';}
	.sibi-log {line-height: 50px;}







/* Index */

.slider-top .swiper-slide-title {
    font-size: 30px;
}
.why-choose-us-container {
    margin-left: 0;
    padding: 10px 10px 15px 10px;
    font-size: 13px;
    line-height: 18px;
    min-height: 185px;
}
.why-choose-us-container-title {
    margin-left: 0;
    font-size: 16px;
    line-height: 21px;
    padding: 5px 30px 5px 5px;
    min-height: initial;
}
.why-choose-us-container-text {
    padding: 10px;
	min-height: initial;
}
.why-choose-us-container-title-1:before {
    background-size: 30px 23px;
    margin-top: -12px;
    width: 30px;
    height: 24px;
}
.why-choose-us-container-title-2:before {
    background-size: 28px 36px;
    margin-top: -18px;
    width: 28px;
    height: 36px;
}
.why-choose-us-container-title-3:before {
    background-size: 29px 38px;
    margin-top: -19px;
    width: 29px;
    height: 38px;
}
.dentistry-container h3 {
    font-size: 30px;
    line-height: 33px;
    margin: 0 0 15px 0;
}
.dentistry-container {
    line-height: 21px;
}


/* About */
.body-bg {
    margin-top: 35px;
}
.body-title-bg {
    margin-bottom: 25px;
}
.body-container {
    font-size: 14px;
    line-height: 19px;
}
.body-container p {
    margin-bottom: 15px;
}
.our-doctors-desc {
    font-size: 12px;
    line-height: 14px;
}
.breadcrumbs-bg {
    padding: 17px 0;
}




/* Contacts */
.contacts-bg {
    margin-top: 35px;
}
.contacts-title {
    margin: 0 0 30px 0;
}
.contacts-form-div input[type=text], .contacts-form-div input[type=email] {
    max-width: 100%;
    margin: 3px 0 10px 0;
    padding: 11px 14px 12px;
}
.contacts-form-div textarea {
    height: 110px;
}
.cf_button-bg input[type=submit] {
    margin: 5px 0 0 0;
}
.contacts-map-bg {
    margin: 25px 0 -10px 0;
}





.body-img-bg {
    height: 300px;
}
.body-img {
    background-size: 120% auto;
}





}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.navbar-default .navbar-nav > li::after {content: ""; display: none;}
	ul.nav-main  {float: none; background-color: #7caf3a; text-transform: none;}
	ul.nav-main li.current-menu-item a, li.active a  {padding: 10px 0 10px 15px;}	
	.navbar-nav > li {margin-left: 0px;}
	.navbar-default .navbar-nav > li > a { display: block; color: #fff; padding: 10px 0 10px 15px; font-size: 14px;
	font-family: 'MuseoSans500'}
	.slide-text {padding: 30px 70px;}
	.imgWrap {margin: 15px 0 0 0;}
	button.draw {padding: 38px 150px;}
	H3 {margin-top: 30px; font-size:26px; }
	

	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}









/* Index */
/*.header-top-container-bg {
    display: none;
} */
.address-container {
    text-align: center;
}
/*.navbar-inverse {
    top: 0;
} */
.navbar-header-mob {
    display: none;
}
.dropdown-menu li {
    text-align: center;
}
.dropdown-menu li a {
    padding: 4px 0 4px 0 !important;
}
.cont-top-btn-bg {
    display: none !important;
}
.cont-top-tel li {
    display: none;
}
.cont-top-tel li:first-child {
    display: block !important;
}
.header-center-container {
    height: 75px;
}
.header-center-container-open {
    height: 60px;
}
.menu-mobile {
    display: table-cell;
}
.navbar-toggle {
    margin-top: 8px;
    margin-right: -9px;
    margin-bottom: 8px;
}
.cont-top-container {
    padding-right: 20px;
}
.slider-top {
    margin-top: 75px;
}

.slider-top .swiper-slide-title {
    font-size: 24px;
    margin: 0;
}

.slider-top .swiper-slide-title span {
    background-color: transparent;
    padding: 0;
}



.slider-top .swiper-container {
    height: 200px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: 0;
}
.logo-top {
    background-size: 120px auto;
    width: 120px;
    height: 47px;
}
.cont-top-btn-bg {
    position: relative;
    display: inline-block;
    width: 100%;
    float: none;
    margin-right: -15px;
}
.cont-top-tel {
    position: relative;
    float: none;
    display: inline-block;
    width: 100%;
    margin-right: -15px;
}
.cont-top-tel li:nth-child(1) a {
    color: #2e2842;
    font-size: initial;
    margin-bottom: 0;
}
.cont-top-tel li a {
    font-size: 13px;
    line-height: 17px;
    padding: 0 0 0 15px;
}
.cont-top-tel li:nth-child(1) a:before {
    font-size: 20px;
    top: 0px;
    left: 0;
}
.cont-top-tel li:nth-child(2) a:before {
    font-size: 13px;
    top: 1px;
    left: 0;
}
.cont-top-btn {
    padding: 4px;
    font-size: 13px;
}
.swiper-slide-text-bg {
    height: 200px;
    text-align: center;
    width: 100%;
}
.slider-top .swiper-slide-img {
    display: none;
}
.why-choose-us-title {
    font-size: 26px;
    line-height: 31px;
    margin: 0 0 25px 0;
}
.why-choose-us-container {
    margin-bottom: 20px;
}
.dentistry-bg {
    margin-top: 40px;
    padding: 60px 0 35px 0;
}
.dentistry-bg .child {
	float: left;
	display: block;
}
.dentistry-img {
    float: none;
    margin-right: 0;
    text-align: center;
}
.dentistry-img-bg {
    text-align: center;
    margin: 10px 10px 30px 10px;
}
.dentistry-container h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 10px 0;
}
.our-cases-bg {
    padding: 35px 0;
}
.our-cases-title {
    font-size: 26px;
    line-height: 31px;
    margin: 10px 0 15px 0;
}
.footer-bg {
    padding: 35px 0 0 0;
}
.footer-top-row {
    margin-bottom: 20px;
}
.footer-l h5 {
    margin-bottom: 10px;
}
.footer-l li:nth-child(1) {
    margin-bottom: 4px;
}
.footer-r {
    margin-left: 0;
    margin-top: 20px;
}
.footer-r h5 {
    margin-bottom: 10px;
}
.footer-bottom-row {
    text-align: center;
}
.sibitri {
    text-align: center;
    padding: 9px 0 0 0;
    margin-right: 0;
}

#cssmenu {
    height: auto;
}

#cssmenu ul li > ul {
	position: static;
	width: 100%;
}

#cssmenu > ul > li { 
		width: 100%;
}

#cssmenu ul li > ul li a {
	text-align: center;
}
#line {
    display: none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
    overflow-y: hidden;
}

#cssmenu ul li > ul {
    box-shadow: none !important;
}

.body-container {
    padding-bottom: 0;
}



/* Contacts */
.contacts-title {
    margin: 0 0 15px 0;
}
.contacts-l-bg {
    margin-bottom: 0;
}
.contacts-l-bg h4 {
	font-size: 20px;
}


/* Price */
.body-price li {
    padding-left: 50px;
    margin-bottom: 12px;
}
.body-price li:before {
    content: "\f153";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 15px;
    top: 2px;
    margin-top: 0;
    left: 0;
}
/*.body-img {
    height: 230px;
} */
.body-price-bg {
    margin-top: 15px !important;
    margin-bottom: 30px;
}


.body-img-bg {
    height: 200px;
    margin-top: 3px;
}
.body-img {
    background-size: 140% auto;
}

.body-title, .contacts-title {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 30px;
}





}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    header .main-menu { margin: 0;}
    h1 { font-size: 18px; line-height: 22px;}
    .slide-text p {font-size: 14px;}
    .slide-cont {height: 220px;}
    .flickity-prev-next-button {height: 35px; width: 35px;}
    .slide-text {padding: 30px 30px 30px 25px}
	section.aboutWrap, section.certWrap {margin-top: 30px;}
	h2 {font-size: 25px;}
	.footerSize {height: 80px;}
	section.carouselWrap {padding: 20px 0;}
	.slide-text {top: 50%;}
	.navbar-brand {margin-left: 0;}
	header .vertical-middle {padding-left: 0;}
	button.draw {padding: 30px 50px;}
	.mainImgText {font-size: 24px;}
	H3 {margin-top: 30px; font-size:22px; }
	#map {height: 300px; margin-top: 25px;}
	.mainContWrap {margin-bottom: 50px;}
	header .headText {padding: 0; padding-bottom: 10px; font-size: 13px; }
	header .headText b {font-size: 14px;}
	.slide-text {width: 100%; margin: 0}
	.mainImgBack {height: 220px;}
	.slide-back-cover {background-position:  20% 20%}
	footer H6 {margin-top: 20px;}
	.sibi-log {text-align: center;}
	.lineIns {margin-bottom: 40px;}
	
    }


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}

@media only screen and (min-width : 1600px) {
    header .logo {width: 70%;}

}