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

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

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
h1{font-size: 36px; line-height: 41px;}
.map_circle{height:400px; width: 400px;}
.contact__img {margin-top: -140px;}
.contact__img img{max-width: 460px;}
.doctor__item{width: 210px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
#menu a{padding: 5px 15px;}
h1{font-size: 30px; line-height: 36px;}
header{min-height: 500px;}
.cat img{max-width: 400px;}
.cat{margin-left: -100px;}
.title{font-size: 30px;}
.doctor__item{width: 160px;}
.map_circle{height:320px; width: 320px;}
.contact__img {margin-top: -120px;}
.contact__img img{max-width: 400px;}

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
#menu{display: none; max-width: 100%; flex:0 0 100%; background: #fff; position: absolute; top: 100%;  left: 0px; right: 0px;}
#top__line{background: #fff; padding: 10px 0px;}
.top__line_contact{padding-right: 50px;}
.button_toogle{display: block;}
#menu li{width: 100%; text-align: center;}
#menu li a{width: 100%; padding: 15px 10px; display: inline-block; font-size: 16px; border-radius: 0px;}
#top__line .container{max-width: 100%;}
h1{font-size:24px; line-height: 27px;}
.title{font-size:24px;}
#price{padding: 70px 0px 50px;}
.price__item-name{padding-left: 15px;}
.price_items{font-size: 14px;}
.col-doc{flex:  0 0 50%;}
.price__item_right{padding-left: 5px;}
.price__item-link{width: 80px;}
.doctor__item_dsc{font-size: 14px;}
.doctor__box{margin-top: 20px;}
.doctor__item_dsc span{margin-bottom: 7px;}
.doctor__item-img{height: 120px; width: 120px; margin-bottom: 15px;}
.doctor__item{margin: 0px auto 20px;}
.dog img{max-width: 140px;}
.dog{margin-left: -270px;}
.map_circle{float: inherit; margin: 30px auto 0px;}
.contact__img img{max-width: 280px;}
.contact__img{margin-top: -80px;}
#doctor{    padding: 40px 0px 65px;}
.map_circle{height:270px; width: 270px;}
#contact{padding: 50px 0px 20px;}
.contact_info{max-width: 400px; margin: 0px auto;}
.link-mobile{display: block;}
#information{font-size: 14px; padding: 50px 0px;}
.btn-consult{max-width: 200px; height: 45px;line-height: 45px; font-size: 14px;}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 560px) {
.logo img{max-width: 60px;}
.doctor__item{width: 140px;}
.logo span{display: none;}
h1{font-size: 20px; padding-right:15px; line-height: 22px;}
.header_slogan .btn-consult{margin-top: 15px;}
h1 br{display: none;}
.cat img{max-width: 220px;}
.doctor__item-img{height: 100px; width: 100px; margin-bottom: 15px;}
header{min-height: 650px;}
.title{font-size:20px;}
.contact__img {margin-top: -30px;}
.contact_info_list li{padding-left: 30px;}
.contact__img img{max-width: 270px;}
.doctor__item_dsc{font-size: 13px;}
.cat{bottom: -45px;}
.price_items{font-size: 12px;}
}

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

}
/* bacustom, iPhone Retina */
@media only screen and (max-width : 340px) {

}


/*==========  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) {

}