/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .oth-hero-header .oth-hero-welcome{
        padding:0px 15px;
    }
    .oth-hero-header img{
        padding-top: 0px !important;
    }

    .oth-hero-header .img-fluid{
        margin-top: 30px;
    }

    .oth-hero-header .oth-hero-welcome h1{
        font-weight: bold !important;
        color: #000;
        font-size: 24px;
    }

    .oth-mob-hidden{
        display: none !important;
    }

    .oth-sorting-cat{
        font-size: 10px !important;
        line-height: 12px;
        font-weight: lighter;
        padding: 4px 8px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .oth-tag-showall{
        display: inline !important;
        color: #000;
        font-size: 10px;
        margin: 0px !important
    }

    .navbar-brand img {
            width: 190px;
    height: 35px;
    object-fit: cover;
    }

.prorel-hide{display:none}

    .navbar-light .navbar-toggler {
        color:transparent;
        border-color:transparent;
        padding:0;
    }

    .oth-popularArticle-card .img-fluid{
        width: 100% !important
    }
    .h1-search .input-group{
        margin-top: 30px;
    }
    .oth-hero-welcome h1{
        font-size: 24px !important;
        font-weight: 500 !important;
    }
    .oth-articleNews-heading {
        font-size: 24px;
        font-weight: 500;
    }

    .oth-articleNews .ad-top{
        padding-top: 30px;
    }

    .oth-article-detail .oth-pagination, .oth-discuss-detail .oth-pagination{
        margin-bottom: 30px;
    }

    .oth-article-detail .article-detail-title{
        font-size: 24px;
        font-weight: bolder;
        margin-top: 25px;
    }
    .oth-article-detail .article-detail-date{
        margin-top: 23px;
        font-size: 18px;
        margin-bottom: 10px !important;
    }
    .oth-article-detail .article-detail-text h2{
        font-size: 20px !important;
    }
    .oth-article-detail .article-detail-text{
        font-size: 14px;
        margin-top: -10px !important;
    }

    .oth-signin{
        padding-top: 60px;
    }
    .oth-signin .container{
        padding-left: 30px;
        padding-right: 30px;
    }
    .oth-signin .desc-sign{
        width: 100%;
    }
    .oth-signin .oth-link{
        font-size: 14px;
    }
    .oth-signin .input-group{
        padding: 10px;
    }
    .oth-signin .form-control{
        font-size: 14px;
        padding: 10px;
    }
    .oth-signin h1 {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 14px;
    }

    .add-discussion-wrapper{
        padding-top: 0px !important;
    }

    .oth-signin p {
        font-size:14px;
    }

    .oth-forgot p{
        margin-bottom: 100px;
    }
    .oth-forgot .oth-signup-option p{
        margin-top: 240px !important;
    }

    .oth-signin .span-or{
        font-size: 14px;
        font-weight: lighter;
    }

    .oth-signin-fb{
        font-size: 14px;
        line-height: 16px;
    }

    .oth-hero-header .oth-hero-welcome .oth-hero-explainer,.oth-hero-header .oth-hero-procedure .oth-hero-explainer {
        margin-top: 15px;
        margin-bottom: 60px;
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
    }

    .oth-articleNews .procedure-title{
        margin-top: 30px;
        font-size: 24px;
        padding-left: 23px;
        padding-right: 23px;
    }

    .oth-home-menu .col-12 {
        margin-bottom: 10px;
    }

    .menu-scroll{
        color: white;
        text-align: center;
        font-weight: 300;
        border-bottom: 1px solid white;
        margin-bottom : 20px;
        margin-top: -15px;
    }

    .menu-scroll p {
        margin-bottom : 20px;
    }

    .details-menu{
        text-align: left;
    }

    .details-menu img{
        margin-right: 10px !important;
    }

    .oth-sorting-cat {
        white-space: nowrap;
        margin:0px 5px 5px 0px !important;
            display: inline-block;
        padding: 3px 15px;
    }

    .oth-accordion p{
        font-size: 14px;
        width: 70% !important;
        margin-left: 50px !important;
        margin-top: -20px;
    }
    .oth-panel p{
        font-size: 14px;
        margin-left: 50px !important;
    }

    .oth-article-sorting{
        margin-bottom: 15px;
    }

    .oth-footer .oth-footer-about {
        margin-top: 15px;
        line-height: 21px;
        color: #606060;
        font-weight: 300;
        font-size: 15px;
        margin-bottom: 0 !important;
    }
    img.img-fluid.oth-tentang-img{
        height: 240px !important;
    }


    .oth-discuss-detail .article-detail-title{
        font-size: 24px;
        font-weight: bolder;
    }

    .oth-discuss-detail .rounded-circle{
        width: 77px !important;
        height: auto !important;
    }
    .oth-discuss-detail .discuss-member{
        margin-top: 0px !important;
    }
    .oth-discuss-detail .p-2{
        padding-left: 0px !important;
    }
    .oth-discuss-detail .discuss-member span{
        font-size: 12px;
    }
    .oth-discuss-detail .discuss-member h4{
        font-size: 14px;
    }
    .oth-discuss-detail .discuss-member .discussion-post-date{
        font-size: 10px;
    }    
    .oth-discuss-detail .discuss-member .discussion-content{
        font-size: 14px;
    }    


    .oth-footer {
        padding-top: 30px;
        padding-bottom: 0;
    }
    
   

    .oth-footer .item-kontak {
        font-size: 15px;
    }

    .oth-top-footer .col-12{
        margin-bottom:30px;
    }
    
     .footer-1 img{
        width: 164px;
    height: 30px;
    object-fit: cover;
    }
    
    .footer-2{
        padding-left:15px !important;
    }
    
    .footer-3{
        padding-left:15px !important;
    }
    
    .footer-3 .oth-footer-nav{
        margin-top:-15px;
    }
    
    .oth-footer .oth-hr{
            margin-top: -30px;
    }

    .oth-top-footer .p-2 {
        padding: 0 10px 15px 0 !important;}

    .oth-footer-nav{
        padding:0;
        margin-bottom: 30px;
    }

    .oth-footer .oth-download-btn {
        padding:0;
        display: inline-flex;
    }
    
    .oth-download-btn img:nth-of-type(1) {
        margin-right: 5px;
        width: 100%;
         height: auto;
    }

    .oth-download-btn img {
        width: 143px;
        height: 47px;
    }

    .oth-footer .oth-btm-footer .oth-copyright {
        font-size: 12px;
        line-height: 25px;
    }

     .article-detail-title {
         font-family: Rubik, sans-serif;
        font-weight: 500;
        font-size: 24px;
        margin: 30px 0;
        line-height: 29px;   
     }

     .oth-article-detail .namadokter .title-sidebar{
        margin-top: 17px !important;
     }
     .oth-article-detail .reviewed-by .namadokter{
        padding-left: 18px !important;
     }
     .review-photo img{
        margin-left: 14px;
        width: 150px !important
     }

     .tags-resp {
        margin-top: 30px;
     }

     .article-detail-date {
        font-family: "Rubik", sans-serif;
        font-weight: 500;
        color: #686b6e;
        font-size: 18px;
        margin:0 0 15px;
    }

    .related-article img{
        width: 100% !important;
    	height: 95px !important;
    	object-fit: cover;
	padding-left: 10px;
    }
    .related-article .col-sm-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .related-article .col-sm-9{
        padding-right: 0px;
        padding-left: 10px;
    }
    .related-article h4{
        font-size: 14px;
    }
    .related-article .content-sidebar{
        font-size: 12px;
    }

    .content-detail-reference p {
        margin-bottom: 30px;
    }   

    .content-detail-reference {
        margin-top: 30px
    }

    .comment-heading{
        margin-bottom: 15px;
    }
    .comment-heading p{
        line-height: 16px !important
    }
    
    .text-default-resp{
        text-align: left !important;
    }

    .oth-pagination{
        margin: 0px;
    }

    .oth-pagination .oth-pagination-jumper {
        margin-top:0px;
        font-size:16px;
    }
    
    .oth-pagination .oth-pagination-numberFirst {
        margin-left: 15px;
    }

    .oth-pagination .oth-pagination-numberLast {
        margin-right: 15px;
    }

    .oth-pagination .oth-pagination-jumperLast {
        margin:0px;
    }

    .oth-pagination a {
        padding: 4px 6px;
        font-size: 16px;
    }

    .comment .comment-post {
        border-bottom: 1px solid #e2e2e2;
    }

    .navbar-nav{
        margin: 10px 10px 0px !important;
    }

    .discussion-post .discussion-post-date {
        text-align: left;
        padding-top: 0  ;
    }

    .discussion-post h4 {
        font-size:16px;
    }

    hr {
        border-top: 1px solid rgba(0, 0, 0, 0.25);
    }

    .related-article .d-flex {
        margin: 30px 0px;
    }

    .mtb-15-resp{
        margin:15px 0;
    }

    .mtb-30-resp{
        margin:30px 0;
    }

    .mb-15-resp{
        margin:0 0 15px;
    }

    .mb-30-resp{
        margin:0 0 30px;
    }

    .mt-15-resp{
        margin:15px 0 0;
    }

    .mt-30-resp{
        margin:30px 0 0;
    }

    .slide-article{
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #F2F2F2;
        font-family: "Rubik", sans-serif;
    }
    
    .oth-article-more {
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .oth-tentang .oth-tentang-card {
        width: auto;
        margin:30px 0 0 0 ;
    }
    .oth-tentang p{
        font-size: 14px !important;
    }
    .oth-tentang-carousel .owl-dots{
        margin-left: -20px;
    }

    .oth-services img {
        width: 100%;
            height: auto;
            margin-bottom: 15px;
    }

    .oth-services h4 {
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .oth-services p {
        text-align: left;
        font-size: 12px;
        line-height: 16px;
    }
    .oth-services-part{
        /*padding:15px 0;*/
    }
    .oth-services-part .col-8{
        padding: 5px 0;
    }

    .oth-services-part h4{
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .oth-services-part p{
        font-size: 12px;
        line-height: 16px;
    }
    .oth-articleNews .oth-articleNews-heading {
        font-size: 28px;
        margin-bottom: 0;
    }
    .oth-articleNews .oth-articleNews-featuredTitle {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .oth-articleNews .oth-articleNews-featuredDate{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .oth-articleNews .oth-articleNews-featuredText{
        font-size: 14px;
        /*font-weight: bolder;*/
        color: #000 !important;
    }
    .oth-articleNews .oth-articleNews-featuredMore{
        font-size: 12px;
    }
    .oth-articleNews .owl-theme .owl-nav.disabled + .owl-dots{
        margin-top: 0px;
    }
    .oth-articleNews-featured img {
        margin-bottom:25px;
    }
    .oth-featured-section{
        padding: 20px;
    }

    .oth-article-search-tag{
      margin-top: 15px;
    }

    .p-0-resp {
        padding:15px !important;
    }

    .oth-article-hidden{
        display: none;
    }

    hr.procedure-hr{
        margin-top: 26px !important;
        margin-bottom: 0px !important;
    }

    .another-proc{
        margin-top: 26px !important;
        display: none;
    }

    .oth-article-tag{
        padding: 0px;
        padding-left: 0px !important;
    }

    .article-card-content{
      padding: 15px 20px !important;
    }

    .oth-sorting-cat {
        font-size: 12px;
    }

    .oth-article-list{
        margin-top: 15px !important
    }

    .oth-prosedur-detail, .oth-prosedur-detail .related-article{
        padding-left: 23px !important;
        padding-right: 23px !important;
    }

    .prosdet.related-article div .col-sm-4{
        padding-left: 30px !important;
        padding-right: 0px;
    }
.prosdet.related-article .mtm{margin-top: 0px !important;}
    .prosdet.related-article div .col-sm-8{
        padding-right: 30px !important;
    }    

.oth-searchTopic {
    padding-top: 30px;
    padding-bottom: 15px;
}

.oth-article-search img.img-fluid{
    height: 190px !important;
}

.discussion-warning {
    background-color: #f2f2f2;
    padding: 13px 26px;
    border-radius: 4px;
    color: #707070;
    margin-top: 15px;
    margin-bottom: 15px;
}

.disdet.related-article .col-sm-4,.disdet.related-article .col-sm-8{
    padding-left: 0px !important;
}
.disdet.related-article .title-sidebar{
    color: #000;
}

.comment.latest h3{
    font-size: 24px;
}
.comment.latest p{
    font-size: 12px;
}
    .cancel-discussion {
        padding: 15px 40px;
        margin-right: 15px;
    }

    .btn-add-discussion {
        float: left;
        font-size: 14px !important;
        padding: 12px 30px !important;
    }

    .comment h3{
        font-size: 24px;
        margin-bottom: 5px;
    }
    .comment p.comment-desc{
        font-size: 12px;
    }

    .comment .question-user{
        font-size: 12px;
        margin-bottom: 2px;
    }
    .comment h4.question-title{
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 10px;   
    }
    .comment .question-text{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .comment .question-keterangan a{
        font-size: 10px;
    }

    .oth-faq h1, .oth-testimony h1{
        font-size: 24px !important;
        margin-top: 30px;
        font-weight: bold !important;
    }

    .oth-hero-header .col-12 img.gambar-dokter{
        width:60%;
    }

    .btn-testi button{
        display: inline;
        padding: 10px 40px !important;
        font-size: 14px;
        text-align: center;
        width: 100%;
    }
    .btn-testi{
        display: inline-block;  
        vertical-align: middle; 
        max-width: 50%;
        padding: 10px;
        margin: 0px; 
    }

    .dokter-parents{
        text-align:center;
        margin-top:30px;
    }

    h1.contact-us {
        font-size: 24px;
        font-weight: bold;
    }

    .oth-contact-us{
        height: auto !important;
    }
    .header-contact-us{
        font-size: 24px;
    }
    .oth-contact-us .oth-hero-explainer,.oth-consul .oth-hero-explainer{
        font-size: 14px;
        margin-bottom: 36px !important
    }

    .cta-konsultasi {
        padding: 15px;
        font-size: 16px;
        margin-bottom: 70px;
    }

    .oth-signin-btn{
        margin-top:14px !important;
    }
    .oth-signin-box {
        margin-top: 30px;
    }
    .oth-editProfile {
        padding-top: 0;
        padding-bottom: 0;
    }
    .oth-editProfile .ep-head{
        padding: 0px !important;
        overflow: hidden;
    }
    .saved-icon-btn{
        width: 12px !important;
        height: 12px !important;
    }
    .oth-editProfile .ep-head .profile-member{
        padding: 0 38px;
    }
    .oth-editProfile .ep-head .col-md-9{
        padding-left: 10px;
    }
    .oth-editProfile .ep-head span{
        display: inline;
    }
    .ep-photo-container{
        padding: 0px;
        padding-left: 10px;
    }

    .ep-desktop-hidden{
      display: block;
    }
    .ep-mobile-hidden,.btn-mobile-hidden{
      display: none;
    }    
    .profile-member h2{
        font-size: 14px !important;
        margin-bottom: 16px !important;
    }
    .profile-member .oth-editProfile-btn{
        font-size: 12px !important;
        padding: 5px !important;
        width: 120px !important;
        height: 25px !important;
        border-radius: 3px;
        border: none;
    }
    .oth-editProfile .ep-body h2,.oth-my-discussion h2{
        font-size: 16px !important;
        margin-bottom: 30px !important;
        margin-top: 30px !important
    }
    .oth-editProfile .ep-body .form-control{
        font-size: 14px !important;
        margin-bottom: 15px !important
        margin-top: 0px !important;
    }
    .oth-editmember-label{
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    .pass-label{
        margin-top: 40px !important;
    }

    .oth-editProfile .oth-pagination{
        margin-bottom: 30px;
    }

    .oth-my-discussion{
        padding: 0 38px !important;
    }
    .oth-pertanyaan-content h4{
        font-size: 18px !important;
        margin-bottom: 16px !important;
    }
    .oth-pertanyaan-content p{
        font-size: 12px !important;
        margin-bottom: 16px !important;
    }
    .oth-pertanyaan-content{
        padding: 24px !important;
        background-color: #f8f8f8;
    }
    .oth-pertanyaan-time, .oth-pertanyaan-state{
        font-size: 10px !important;
    }

    .oth-signin-remember{
        margin-top: 14px;
    }
    .oth-signin .input-group{
        margin-top: 12px;
    }

	.g-signin2, .abcRioButton{
		width: auto !important;
	}

    .oth-editProfile .profile-member{
        margin: 0 -15px -15px    !important;
        background-image: linear-gradient(280deg, #1386AF 16.65%, #0EBBB2 90%);
    }

    .profile-member .col-md-10{
        margin: 45px 0 60px 0!important;
    }
    
    .oth-editProfile h2 {
        font-size: 26px;
        margin-bottom: 0;
        color: white;
    }

    .oth-editProfile .oth-editProfile-btn {
        font-size: 14px;
        padding: 7px 15px;
    }

    .oth-editProfile p {
     margin-bottom: 25px;
     color:white;
     font-size :16px;
    }

    .oth-pertanyaan img.image-pertanyaan {
        display:none;   
    }

    .oth-pertanyaan .oth-pertanyaan-content {
        padding: 30px;
    }
    .oth-pertanyaan h4 {
        font-size: 18px;
        font-weight: 600;
    }
    .oth-pertanyaan .oth-pertanyaan-text p{
        font-size: 14px !important;
        color: #000 !important;
        margin-bottom: 0px;
    }
    .oth-pertanyaan .bd-highlight{
        padding:0 !important;
    }
    .oth-pertanyaan .bd-highlight .ml-auto{
        margin-top:5px !important;
    }
    .oth-pertanyaan .oth-pertanyaan-time {
        font-size: 12px;
    }
    .oth-pertanyaan .oth-pertanyaan-state {
        font-size: 12px;
        padding: 5px 7px;
    }

    .oth-form-editmember .row .col-12{
        margin-bottom: 30px;
    }

    .width-100{
        width:100% !important;
    }
    
    .mobileMenu {
        transform: translateX(-100%);
        position: fixed;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        transition: all cubic-bezier(0.76, 0.06, 0.21, 1.06) 0.25s;
      }
      .mobileMenu.onRight {
        right: 0;
        transform: translateX(100%);
        margin-top: 75px !important;
        z-index: 99;
        background-image: linear-gradient(280deg, #1386AF 16.65%, #0EBBB2 90%);
        margin-right:0px !important;
      }
      .mobileMenu.open {
        right: 0;
        transform: translateX(0%);
        margin-top: 75px !important;
        z-index: 99;
        background-image: linear-gradient(280deg, #1386AF 16.65%, #0EBBB2 90%);

      }
      .mobileMenu .navbar-nav {
        overflow-y: auto;
        width: 100%;
    padding: 0 25px;
      }
    
      .nav-link.active {
          color: white !important;
      }

      .nav-link{
          padding: 20px 1rem;
      }

      .navbar ul.navbar-nav li.nav-item{
        border-bottom: solid 0.3px white;
      }

      .navbar ul.navbar-nav li.nav-item{
          margin: 0 !important;
      }

      .footer-navbar{
          margin: 30px 0 0;
      }

      .footer-navbar p {
        color: white;
        font-weight: 300;
        font-size: 10px;
      }
      .navbar-light .navbar-nav .nav-custom {
        color: white;
      }

      body.body-overflow{
        overflow:hidden !important;
      }
      
      body {
    margin-top: 75px;
}
  .navbar{
    position: fixed;
    right: 0;
    left: 0;   
    border-radius: 0;
    top: 0;
    z-index:10;
    box-shadow:0px -5px 10px 0 rgba(0,0,0,1);
        padding: 15px 0; !important;
  }    
  
  
  .oth-articleNews{
      padding:0;
  }

    .oth-articleNews .oth-articleNews-featuredText {
        height: auto !important;
    }
    .oth-articleNews-featured{
        padding-top: 30px !important;
    }
    .oth-articleNews-featured .owl-dots{
        position: relative !important;
        top: -20px !important;
    }
    .oth-articleNews #tags-list{
        margin-bottom: 15px !important;
    }
    .oth-articleNews #tags-list a{
        padding-bottom: 0px !important;
    }
    #alltags{
        padding: 0px !important
    }
    .oth-article-list{
        margin-top: 20px;
    }
  
  .navbar ul.navbar-nav li.nav-item a {
    font-weight: 300;
    font-size: 15px;
    text-transform: capitalize !important;
  }
  
  .navbar-light .navbar-toggler-icon {
    background-image: url(https://mobile.orthodontist.id/img/menu-burger.jpeg);
    width: 20px;
    height: 20px;
}

.navbar-close-menu{
    background-image: url(https://mobile.orthodontist.id/img/close.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
}


.oth-download-navbar img{
    width: 75%;
    height: auto;
}
.oth-download-navbar img:first-child{
    float:right;
}
.oth-download-navbar img:last-child{
    float:left;
}
.oth-article-content a {
        color: #4c4c4d;
}

.navbar-expand-lg .navbar-collapse{
    margin-right:45px;
}

.breadcrumb{
    margin: 25px 30px;
}

.oth-consul{
    /*max-height: 100vh !important;*/
}
.oth-consul-head{
    font-size: 24px;
    margin-bottom: 25px;
}
.oth-consul-desc{
    font-size: 14px;
    margin-bottom: 36px;
}
.oth-consul-liner{
    display: none;
}
.oth-consul-form form .form-control{
    width: 80vw !important;
}
.cta-konsultasi{
    font-size: 10px;
}
.gambar-dokter{
    margin-top: 0px !important;
}

.center-register{
    width: auto;
    margin: auto;
}
.oth-hero-header{
    padding-top:30px;
}
.container-custom{
    padding:0 15px;;
}
.container-fluid.container-custom{
        padding-left: 38px;
    padding-right: 38px;
}
.container-fluid.container-custom-deep{
    padding-left:38px;
    padding-right:38px;
}

.oth-article-sorting #tags-list{
    margin-left:0;
}

.oth-article.box-img-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

img.img-fluid.oth-featuredImg{
    height: 240px !important;
}

.item-slide{
        height: 220px;
}

.oth-gallery.owl-carousel .owl-item img{
        display: block;
    width: 100%;
    height: 225px;
    object-fit: cover;
}

.testimoni-1.col-8.col-md-9{
    padding-left:0;
}

.oth-article-cta{
        font-size: 16px;
    font-weight: 400;
}

.oth-article center{
    margin-bottom:30px;
}

.item-slide img{
 display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;   
}

.oth-footer .oth-footer-nav li{
    margin-bottom:0;
}

.pu-doctor, .pu-close{
	font-size: 14px;
	line-height: 16px;
	margin: 0px;
}
.pu-close{
	cursor:pointer
}

.pu-doctor-review{
	padding-top: 30px !important;
	height: auto;
	overflow-y: visible;
}
.pu-doctor-review h4{
	font-size: 18px;
	margin-bottom: 25px;
}
.pu-doctor-review p{
	font-size: 12px;
}
.pu-image{
	height: 325px !important;
}

#testiadd{
    text-align: center;
    width: 100%;
    float: left !important;
    margin-top: -60px;
}

}