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

  .main{    max-width: 960px;}
  .custom-sec h1{    font-size: 30px;      }  
  .custom-sec h2{  font-size: 24px;    }  
  .custom-sec h3{  font-size: 18px;  }  

  .banner-sec{padding: 100px 0 50px; min-height: 400px;}
  .about-sec{padding: 50px 0;}
  .online-work-sec{padding: 50px 0;}
  .online-work-img-wrap:before{font-size: 50px; top: -35px;}
  .online-work-item{padding: 35px 0 0;}
  .faq-sec{padding: 50px 0 1px;}

  /*-- fact page --*/

  .custom-nav-links ul li a{font-size: 16px;}
  .custom-nav-links ul li{padding: 15px 10px;}
  .fact-flex-nav-links ul li a{font-size: 18px;}
  .fact-flex-nav-links ul li:after{    margin: 0 1px 0 7px;  }

  .fact-flex-nav-links{padding: 0 0 20px;}
  .fact-content-sec{padding: 0 0 50px;}
  .writer-col{padding: 20px 10px;}
  .writer-content table td:first-child{padding-right: 10px; width: auto;}
  .testimonial-col{padding: 30px 15px;}
  .fact-content-sec.fact-accordion-sec{padding: 0 0 50px;}

  .book-appointment-sec{padding: 30px 0;}

}


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

  .main{    max-width: 720px;}

  .custom-sec h1{    font-size: 28px;      }  
  .custom-sec h2{  font-size: 22px;    }  

    /*-- factpage --*/

    .fact-flex-col{width: 100%;}

}

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

  .custom-sec h1{    font-size: 26px;      }  
  .custom-sec h2{  font-size: 20px;    }  

  .banner-content p{line-height: 1.35; margin: 0 0 19px;}
  .video-btn{  font-size: 16px; padding: 10px 20px;}
  .banner-content h6{    font-size: 14px; padding-left: 40px;}

  .about-col{width: 100%;}
  .about-sec{padding: 36px 0;}
  .about-content h2{margin: 0 0 14px;}

  .about-col-left{    border-bottom: 1px solid #E7E7E7; border-right: 0; padding: 0 0 15px; margin: 0 0 15px; width: auto; 
    display: block;}
  .about-content{padding: 0 25px;}
  .about-row{display: block;}

  .online-work-sec{padding: 31px 0 1px;}
  .online-work-col{width: 100%; display: block;}
  .online-work-img-wrap{padding-left: 3%; margin-bottom: 10px;}
  .online-work-img-wrap:before{font-size: 30px; top: -23px;}
  .online-work-title{padding: 0 0 10px;}
  .online-work-item{padding: 24px 0 0; display: block; margin: 0 0 30px;}
  .online-work-img{border-radius: 12px; padding-bottom: 59%;}
  .online-work-content{max-width: 100%; padding-left: 3%;}
  .online-work-content h3{margin: 0 0 2px;}
  .online-work-row{display: block;}
  .online-work-bottom h6{font-size: 14px;}
  .online-work-bottom .video-btn{font-size: 18px;}
  .faq-sec{padding: 40px 0 15px;}
  .accordion-title{font-size: 14px;}

  .about-iframe{max-width:100%;}
  

  .banner-img{background-position: 60% center;}

  /*-- factpage --*/

  .custom-nav-links{display: none;}
  .fact-banner-col{width: 100%;}
  .fact-banner-col.fact-banner-img-col{position: absolute; left: 0; right: 0; top: 50%; z-index: 1;
  transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  }
  .fact-banner-sec{position: relative; }  
  .fact-banner-content-col{ color: #fff; z-index: 1; position: relative; background: rgba(0,0,0,0.56); margin: 0 -25px; width: auto;
  padding: 50px 25px;}
  .page-template-fact header{background: #fff;}
  .fact-banner-content-col p{color: #fff;}
  .fact-banner-content-col h6{color: #fff;}
  .fact-banner-content-col h1{color: #fff;}
  .fact-banner-content .btn{background: #fff; color: #0F1F42;}
  .fact-banner-content .btn:hover , .fact-banner-content .btn:focus{background: #1980DA; color: #fff;}
  .fact-author-name-row{color: #fff;}
  .fact-flex-nav-links ul li{display: block;}
  .fact-flex-nav-links ul li:after{display: none;}
  .writer-col{width: 100%;}
  .writer-col.writer-col-left{    border-right: 0; border-bottom: 1px solid #E5E8EB;}
  .fact-author-row{padding-bottom: 0;}
  .btn{padding: 6px 21px;}
  
  .fact-banner-content .frontbread-crumb{color: #fff;}
  .fact-banner-content .frontbread-crumb-active{color: #fff;}

  








  

}

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

.writer-sec{
padding-bottom: 50px;
}

}

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

  

}

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

  .main{padding: 0 25px;}
  .custom-sec{font-size: 14px;}  
  .custom-sec p{font-size: 14px; line-height: 1.35; margin:  0 0 16px; }
  .custom-sec h1{    font-size: 18px;       line-height: 1.5;  margin: 0 0 18px;  }  
  .custom-sec h2{  font-size: 20px; margin: 0 0 14px;   } 
  .custom-sec h3{  font-size: 16px;    } 
  .banner-sec {    padding: 66px 0 5px;    min-height: 374px;}
  .banner-content{max-width: 70%;}

  .white-logo{width: 105px;}


  .page-template-onlinetandlkaren .header-inner{  padding: 0 25px;}

.page-template-onlinetandlkaren .footer-wrap .fixed-width > .boxgrid-100 {   padding: 0 25px;   }
  




  
  

}
@media screen and (max-width: 370px){
  
  .video-btn {    font-size: 14px;}


}