@media only screen and (max-width: 768px){
    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(--color1);
        box-shadow: 2px 6px 27px 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){
    .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; */
    }
}