@media only screen and (max-width: 768px) {

    .container {
        max-width: 100%;
        overflow: hidden;
    }
	.nav-button.owl-prev:before {

    top: 0px;

}

.nav-button.owl-next:before {

    top: 60px;

}
	
	.owl-carousel.owl-sliderm {
    display: block;
}

    div.owl-slider .nav-button.owl-prev:before {
        left: 0;
        top: -22px;
    }

    div.owl-slider span.owl-prev {
        left: -31px;
    }

    div.owl-slider .nav-button.owl-next:before {
        right: 0;
        top: 38px;
    }

    div.owl-slider span.owl-next {
        right: -6px;
    }

    div#respond img {
        display: block;
    }

    input#captcha_code {
        width: 40%;
        margin-top: 10px;
        margin-right: 8px;
    }

    .titleblogbox img {
        margin-bottom: 20px;
    }

    a.moremobile {
        display: block
    }

    .owl-bloghome .owl-stage-outer {
        padding: 10px 0;
    }

    .owl-bloghome .nav-button.owl-prev:before {
        font-size: 20px;
        left: 0;
    }

    .owl-bloghome .nav-button.owl-next:before {
        font-size: 20px;
        right: 0;
        top: 39px;
    }

    .owl-bloghome .owl-stage-outer .blog-box {
        width: 86%;
    }

    .owl-bloghome span.owl-prev {
        bottom: -15px;
        left: 2px;
        width: 30px;
        height: 30px;
    }

    .owl-bloghome span.owl-next {
        bottom: 0;
        right: 18px;
        width: 30px;
        height: 30px;
    }

    .owl-spcblog .nav-button.owl-prev:before {
        font-size: 20px;
        left: 0;
    }

    .owl-spcblog .nav-button.owl-next:before {
        font-size: 20px;
        right: 0;
        top: 39px;
    }

    .owl-spcblog .owl-stage-outer .blog-box {
        width: 86%;
    }

    .owl-spcblog span.owl-prev {
        bottom: -15px;
        left: 3px;
        width: 30px;
        height: 30px;
    }

    .owl-spcblog span.owl-next {
        bottom: 0;
        right: 17px;
        width: 30px;
        height: 30px;
    }


    .blog-box-img:before {
        display: none;
    }

    .mainblog h2 {
        margin: 0 0 10px 0;
    }

    div.comment {

        padding: 10px;

    }

    .comment ul.children {
        padding-right: 10px;
    }

    .contact-us-form {
        padding: 0 0px;
    }

    .realated button.owl-prev {
        left: 0;
        width: 20px;
        height: 30px;
    }

    .realated .nav-button.owl-prev:before {
        width: 40px;
        height: 10px;
    }

    .realated button.owl-next {
        right: 0;
        width: 20px;
        height: 30px;
    }

    .realated .nav-button.owl-next:before {
        width: 40px;
        height: 10px;
        top: -17px;
        right: 0px;
    }

    .realated .owl-nav {
        display: block;
        top: 50%;
    }

    footer {

        margin-bottom: 57px;
    }

    header {
        min-height: 170px;
    }

    .header.sticky .search,
    .header.sticky .righthe {
        display: none;
    }

    .header.sticky {
        min-height: auto;
    }

    p.rightscrltabboxtitle {
        font-size: 26px;
        text-align: center;
        margin-bottom: 20px;
        color: var(--color1);
        font-weight: bold;
        margin-top: 10px;
    }

    .scrltab {
        margin-top: 30px;
    }

    .titlelist {
        position: relative;
    }

    .text-popbox span {
        display: inline-block;
        left: -11px;
    }

    .text-popbox .textpopboxtitle h3 {
        display: inline-block;
    }

    a.gotocomment {
        bottom: 115px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        right: 10px;
        padding: 8px;
    }

    .go-top {
        bottom: 65px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        right: 10px;
    }

    .sidebtnmob {
        display: block;
    }

    .sidebar-bax {
        position: relative;
        top: 0px;
        margin-top: 20px;
    }

    .owl-brand span.owl-prev {
        left: 0;
        bottom: -49px;
    }

    .owl-brand span.owl-next {
        right: 0;
        bottom: unset;
    }

    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 1000px;
        padding: 10px;
    }

    .bal-container {
        /* width: 96%; */
        /* margin: 10px auto; */
    }

    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 800px;
        padding: 10px;
    }

    .bal-container {
        height: 280px;
    }

    .doctortitle {
        text-align: center;
    }

    .doctortitle a {
        position: relative;
        margin-bottom: 40px;
        display: block;
        text-align: center;
    }

    .Counselingpageleft {
        margin-top: 20px;
    }

    .Counselingpage.singlepage .col-md-6:nth-child(odd) {
        padding-left: 15px;
    }

    .Counselingpage.singlepage .col-md-6:nth-child(even) {
        padding-right: 15px;
    }


    .Counselingpageright {
        text-align: justify;
        line-height: 28px;
        padding: 20px;
    }

    .socialboxcontact i {
        top: 13px !important;
    }

    .Complicationsbox p {
        text-align: justify;
    }

    .abouttext {
        text-align: justify;
    }

    .servicebox p {
        font-size: 13px;
    }

    .righterrorpage {
        padding-top: 0;
    }

    .righterrorpage p {
        font-size: 14px;
        margin-top: 20px;
    }

    .righterrorpage h2 {
        font-size: 23px;
    }

    .righterrorpage h1 {
        font-size: 100px;
        height: 120px;
    }


    .ctformbox {
        margin: 20px 0;
    }

    a.gallery-item span {
        display: none;
    }

    .cta .col-lg-6 {
        padding: 0 10px !important;
    }

    .singlegallery .titleblogbox .col-lg-7 {
        padding: 0 30px;
    }

    .gallery a {
        width: 47%;
    }

    span.titlefaq {
        padding: 16px 0px;
    }

    .tab-menu ul li {
        margin: 0 3px;
        width: 48%;
        font-size: 15px;
    }

    .tab-menu ul {
        /* display: inline-block; */
    }

    .Counselingsingle {
        padding: 10px 8px;
        background-size: auto;
    }

    .Counselingsingle p {
        line-height: 24px;
    }

    .Counselingsingle .rightCounseling h4 {
        font-size: 30px;
    }

    .righttitlelist ul li {
        padding: 6px 0;
        width: 32%;
        font-size: 13px;
    }

    .righttitlelist ul li a {
        color: #ffffff;
    }

    .lefttitlelist,
    div#button {
        display: none;
    }

    .righttitlelist ul {
        padding: 7px 0;
        text-align: center;
    }

    .titlelistbox {
        padding: 0;
        background: var(--color2);
        box-shadow: 0px 3px 13px rgb(0 0 0 / 15%);
    }

    .surgicalinformationbox {
        flex-wrap: wrap;
    }

    .surgicalinformationbox .databoxsp {
        width: 33%;
        margin-bottom: 20px;
    }

    span.cat i {
        right: 3px;
    }

    .titleblogbox p {
        text-align: justify;
    }

    .titlebox.titledinglepage p {
        font-size: 20px;
    }

    .comment-avatar {
        display: block;
    }

    .col-lg-3.name-date {
        display: block !important;
        border-radius: 20px 20px 0px 0px;
    }

    .col-lg-9.commenttext {
        display: block;
    }

    .tagblog {
        padding: 43px 7px 6px 20px;
    }

    .tagblog a {
        margin-bottom: 10px;
    }

    blockquote {
        margin: 20px 0 35px 0;
        padding: 20px 20px 40px 20px;
    }

    .threecta2 {
        margin: 10px 0
    }

    .titleblogbox h1 {
        font-size: 27px;
    }

    span.cat {
        display: block;
        padding-right: 26px;
        margin-top: 8px;
    }

    .titleblogbox {
        padding: 10px;
    }

    .owl-brand button.owl-prev {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0;
    }

    .owl-brand .nav-button.owl-prev:before {
        font-size: 17px;
    }

    .owl-brand button.owl-next {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
    }

    .owl-brand .nav-button.owl-next:before {
        font-size: 17px;
        top: 30px;
        right: 15px;
    }

    .blog-box h6,
    .blog-box span.titleblog,
    .blog-box h3,
    .blog-box h2 {
        margin: 0 !important;
        height: 35px;
        padding: 0;
    }

    .blog-box .blog-box-img,
    .doctor-box .doctor-box-img {
        position: relative;
        padding-top: 0;
        width: 100%;
    }

    .menu-content img {
        width: 80%;
        margin: 20px auto;
        display: block;
    }


    a.Consultationmenu {
        display: block;
        background: var(--color1);
        text-align: center;
        padding: 9px 0;
        color: #fff;
    }

    .menuboxfooter .titlefooter {
        text-align: right;
        border-top: 1px solid #b2b2b214;
    }

    .menuboxfooter {
        padding: 10px 20px;
        text-align: revert;
    }

    .menuboxfooter:first-child .titlefooter {
        border: none;
    }

    .brand {
        margin: 0;
    }

    .blog-box,
    .doctor-box {
        margin-bottom: 60px;
        padding-top: 30px;
    }

    .blog .titlebox a {
        width: 45%;
        text-align: center;
        margin: auto;
        float: none;
        display: flow-root;
        display: none;
    }

    .cta1 p {
        font-size: 13px;
    }

    .cta1 h5 {
        font-size: 30px;
    }

    .cta2 p {
        font-size: 13px;
    }

    .cta2 h5 {
        font-size: 30px;
    }

    .cta1 {
        padding-right: 14px;
        margin-bottom: 20px;
    }

    .cta2 {
        padding-right: 14px;
        margin-bottom: 20px;
    }

    .Specialcontent .titlebox.titlecenter {
        margin: 0;
    }

    .Specialcontentbox {
        margin: 0 auto;
        width: 87%;
    }

    .Counseling {
        padding: 80px 0;
    }

    .rightCounseling h4 {
        font-size: 42px;
    }

    .pricebox ul:before {
        display: none;
    }

    .pricebox li {
        width: 100%;
        padding: 10px 0 !important;
    }

    .databoxsp img {
        left: 0;
        margin: 0 auto;
        width: 50px;
    }

    span.pcdt {
        font-size: 13px;
    }

    .dataspecial .col-lg-4 {
        width: 33%;
        padding: 0 5px;
    }

    span.titledt {
        font-size: 13px;
    }

    .leftspecial p {
        line-height: 2;
        text-align: justify;
    }

    .dataspecial .col-lg-4:last-child .databoxsp {
        margin-bottom: 0
    }

    .imgspecial:before {
        left: 15px;
        top: -15px;
    }

    .specialservices {
        padding: 90px 0 80px 0;
    }

    .databoxsp {
        /* margin-bottom: 30px; */
        padding-right: 0;
        padding-top: 53px;
        text-align: center;
    }

    .titlebox p {
        width: 100% !important;
    }

    .servicebox {
        width: 90%;
        margin: 10px auto;
    }

    .search {
        padding: 1px 20px;
    }

    .owl-carousel.owl-slider .slide:before {
        display: none;
    }

    .owl-slider .owl-item img {
        height: 200px;
        width: auto !important;
    }

    .owl-carousel.owl-slider {
        /* height: 300px; */
    }

    .owl-nav {
        top: 39%;
    }

    .owl-brand .owl-nav {
        top: 29%;
    }

    .owl-brand .nav-button.owl-prev {
        left: 0px;
        position: relative;
    }

    .owl-brand .nav-button.owl-next {
        right: -15px;
        position: relative;
    }

    .textslider {
        display: none
    }

    form#searchform i {
        top: 9px;
    }

    .col-lg-3.search {
        padding: 7px 14px;
    }

    .menuheader.is-fixed {
        position: relative;
    }

    i.agh-aparat {
        font-size: 21px !important;
    }

    .soc li i {
        color: #fff;
        font-size: 18px;
    }

    .phone span {
        color: #fff;
    }

    header i.agh-phone-call {
        top: 3px;
        color: #fff;
        font-size: 20px;
    }

    .phone {
        padding: 8px 23px 5px 0;
        color: #fff;
        font-size: 17px;
    }

    .header .phone a {
        color: #fff;
    }

    .righthe {
        text-align: center;
        background: var(--color1);
    }

    form#searchform input#s {
        width: 100%;
        height: 35px;
    }

    span.menu-btn {
        font-size: 25px;
        display: inline-block;
        position: absolute;
        left: 20px;
        top: 18px;
        color: var(--color1);
    }

    span.handshake a {
        color: var(--color1);
    }

    span.handshake {
        font-size: 25px;
        display: inline-block;
        position: absolute;
        left: 59px;
        top: 18px;
        color: var(--color1);
    }

    .centerhe {
        text-align: right;
        margin-bottom: 10px;
    }

    .lefthe {
        display: none;
    }

    .row.column-reverse {
        flex-direction: column-reverse;
    }

    .mainmenu {
        display: none;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    div.owl-slider .owl-nav {
        top: 49%;
    }

    .singlegallery .titleblogbox {
        padding: inherit;
    }

    .singlegallery .titleblogbox .col-lg-7 {}

    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 1000px;
        padding: 10px;
    }

    .bal-container {
        width: 96%;
        margin: 10px auto;
    }

    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 800px;
        padding: 10px;
    }

    .bal-container {
        height: 360px;
    }

    .gallery a {
        width: 48%;
    }

    .tab-menu ul {
        display: inline-block;
    }

    .tab-menu ul li {
        margin: 0 3px;
        width: 32%;
        font-size: 15px;
    }

    .Counselingpageleft {
        margin-top: 20px;
    }

    .soccontact .socialboxcontact i {
        top: 10px;
    }

    .servicebox {
        margin-bottom: 30px;
    }

    .doctor-box {
        margin-bottom: 60px;
    }

    .lefterrorpage img {
        top: 20px;
    }

    .cta .col-lg-6:first-child {
        padding-left: 0;
    }

    .cta .col-lg-6:last-child {
        padding-right: 0;
    }

    .righttitlelist ul li {
        padding-left: 28px;
    }

    .lefttitlelist {
        display: none;
    }

    .widget_categories,
    .popular-post {
        display: inline-grid;
        width: 47%;
        margin: 0px 9px;
    }

    .sidebar {
        margin-top: 20px;
    }

    .threecta3 {
        margin-top: 20px;
    }

    div.Specialcontent .col-lg-4:last-child {
        display: none;
    }

    .Specialcontentbox {
        margin-bottom: 30px;
    }

    .owl-brand .nav-button.owl-prev {
        left: -30px;
        position: relative;
    }

    .owl-brand .nav-button.owl-next {
        right: -45px;
        position: relative;
    }

    div.blog .col-lg-4.col-md-6:last-child {
        display: none;
    }

    .cta1,
    .cta2 {
        margin: 10px 0;
    }

    .moreservicebox ul li {
        width: 33%;
        display: inline-block;
    }

    .moreservicebox {
        margin-top: 40px;
    }

    header li.submenu:before {
        left: 12px;
    }

    .mainmenu ul li a {
        padding: 16px 0px 15px 24px;
    }

    header .search {
        display: none;
    }

    .phone {
        padding: 18px 0px 15px 0;
    }

    .lefthe a i,
    header i.agh-phone-call {
        display: none;
    }

    a.logreg {
        margin: 0 6px;
        font-size: 12px;
    }

    .lefthe a.Consultation {
        padding: 7px 9px;
        font-size: 11px;
    }

    .owl-nav {
        top: 31%;
    }

    p.title3 {
        font-size: 11px;
    }

    span.title2 {
        font-size: 30px;
    }

    span.title1 {
        font-size: 50px;
    }

    .textsliderbox {
        top: 40px;
        width: 50%;
    }
}

@media only screen and (max-width: 450px) {
    .tab-menu ul li {
        width: 100%;
    }

    .threecta1 {
        padding-right: 21px;
    }

    .threecta1 span.shakeic {
        font-size: 80px;
    }

    .threecta2 {
        padding-right: 20px;
    }

    .threecta2 span.shakeic {
        font-size: 70px;
        top: 20px;
    }

    .threecta3 {
        padding-right: 20px;
    }

    .threecta3 span.shakeic {
        font-size: 80px;
    }

    .specialservices .titlebox h3 {
        font-size: 31px;
    }

    .blog .titlebox:after {

        background-position: 50% 0px;
    }

    .moreservicebox h4 {
        text-align: center;
    }

    .moreservicebox ul li {
        width: 49%;
        display: inline-block;
        text-align: right;
    }

    .blog .titlebox h3 {
        margin-bottom: 10px;
    }

    .blog .titlebox {
        text-align: center;
        margin-bottom: 10px !important;
    }

    .field-block {
        margin-top: 0px;
    }

    .contactdata {
        margin: 10px 0;
    }

    .datacontactbox:nth-child(2) {
        width: 49%;
        display: inline-block;
    }

    .datacontactbox:nth-child(3) {
        width: 49%;
        display: inline-block;
    }

    .datacontactbox {
        margin: 0 0 20px 0;
    }

    .cta {
        margin: 0;
    }

    .pricebox li:before {
        top: 20px;
    }

    .pricebox li {
        font-size: 14px;
    }

    .smservicebox {
        width: 80%;
        margin: 10px auto;
    }

}

@media only screen and (min-width: 1600px) and (max-width: 2000px) {
    footer:before {
        height: 130px;
    }
}

@media only screen and (min-width: 2000px) and (max-width: 5000px) {
    .specialservices {
        padding: 160px 0 140px 0;
    }

    .specialservices:after {
        height: 130px;
    }

    .specialservices:before {
        height: 130px;
    }

    footer {
        padding-top: 160px;
    }

    footer:before {
        height: 130px;
    }
}


@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .titleblogbox p {
        line-height: 26px;
    }

    .titleblogbox h1 {
        font-size: 29px;
    }


    .threecta2 {
        padding-right: 70px;
    }

    .threecta3 {
        padding-right: 65px;
    }

    .threecta1 {
        padding-right: 65px;
    }

    a.gallery-item {
        width: 23%;
    }

    span.titlefaq {
        padding: 20px 35px;
    }

    .righttitlelist ul li {
        padding-left: 25px;
    }

    .abouttext p {
        line-height: 30px;
        text-align: justify;
    }

    .doctor-box .doctor-box-img {
        top: 10px;
    }

    .righterrorpage p {
        font-size: 16px;
        margin-top: 10px;
    }

    .righterrorpage h1 {
        font-size: 170px;
    }

    .righterrorpage h2 {
        font-size: 28px;
    }

    .righterrorpage {
        padding-top: 50px;
    }

    .blog-box h6,
    .blog-box h3,
    .blog-box h2 {
        margin-top: 7px;
        height: 39px;
    }

    .blog-box .blog-box-img {
        top: 10px;
    }

    .laizer .titlebox p {
        display: none;
    }

    .leftspecial p {
        line-height: 25px;
    }

    .servicebox p {
        line-height: 18px;
    }

    .moreservicebox {
        margin-top: 60px;
    }

    header li.submenu:before {
        left: 12px;
    }

    .mainmenu ul li a {
        padding: 15px 0px 15px 25px;
    }

    p.title3 {
        font-size: 11px;
    }

    span.title2 {
        font-size: 30px;
    }

    span.title1 {
        font-size: 50px;
    }

    .textsliderbox {
        top: 40px;
        width: 50%;
    }
}

@media only screen and (max-width: 600px) {}

@media only screen and (max-width: 500px) {}





@media all and (max-width: 479px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 700px;
        padding: 10px;
    }

    .bal-container {
        /* margin: 10px 0; */
    }
}




@media all and (min-width: 768px) and (max-width: 959px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 1100px;
        padding: 10px;
    }

    .bal-container {}
}

@media all and (min-width: 960px) and (max-width: 1199px) {

    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 500px;
        padding: 10px;
    }

    .bal-container {
        margin: 0 10px;
    }
}


@media all and (min-width: 1199px) {
    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 500px;
        padding: 10px;
    }

    .bal-container {
        /* margin: 0 10px; */
    }
}