@media only screen and (max-width:640px){
    .title1{font-size: 2.5rem; line-height: 3.5rem; margin-top: 20px !important; }
    .title2{font-size: 20px; line-height: 25px; font-weight: bold;}
    
    .title3{color: #898989 !important; font-size: 15px; line-height: 25px; }
    .head1{color: #000 !important; font-size: 15px; line-height: 25px; font-weight: bold; text-align: center; }
    .logo1{max-width: 120px; text-align: center; max-height: 63px;}
    
    
    .image1{padding-left: 0px !important;}
    
    #home-intro{padding-left: 0px !important; background-image: url(../img/Tibra-top-MOBILE.png); height: 300px;   background-size: contain; background-repeat: no-repeat; position: relative;}
    .doctor{display: none;}
    .doctor p{display: none;}
    .bg1{background-image: url(../img/Tibra-\ bottom-MOBILE.png); background-repeat: repeat-y; margin-top: 50px; background-position: top center; background-size: contain; padding-bottom: 50px; padding-top: 200px;}
    .icon1{width: 85%; height: 50px; margin-top: -10px; text-align: right;}
.title1{font-size: 2.1rem; line-height: 2.3rem; margin-top: 10px !important; margin-bottom: 0px; }
.title1 span{font-weight: bold;}
.right1{right: 0px; margin-bottom: -80px; position: absolute; bottom: 0;}
    }

@media only screen and (min-width: 640px) and (max-width: 1080px){
    .title1{font-size: 2.5rem; line-height: 3.5rem; margin-top: 20px !important; }
    .title2{font-size: 20px; line-height: 25px; font-weight: bold;}
    
    .title3{color: #898989 !important; font-size: 15px; line-height: 25px; }
    .head1{color: #000 !important; font-size: 15px; line-height: 25px; font-weight: bold; text-align: center; }
    .logo1{max-width: 120px; text-align: center; max-height: 63px;}
    
    #home-intro{padding-left: 0px !important; background-image: url(../img/Tibra-top-MOBILE.png); height: 300px;   background-size: contain; background-repeat: no-repeat; position: relative;}
    .doctor{display: none;}
    .doctor p{display: none;}
    .bg1{background-image: url(../img/Tibra-\ bottom-MOBILE.png); background-repeat: repeat-y; margin-top: 50px; background-position: top center; background-size: contain; padding-bottom: 50px; padding-top: 200px;}
    .icon1{width: 85%; height: 50px; margin-top: -10px; text-align: right;}
.title1{font-size: 2.1rem; line-height: 2.3rem; margin-top: 10px !important; margin-bottom: 0px; }
.title1 span{font-weight: bold;}
.right1{right: 0px; margin-bottom: -80px; position: absolute; bottom: 0;}
}

@media only screen and (min-width:1080px){

.logo{max-width:60%; margin-top: -150px;}
.title2{font-size: 35px; line-height: 45px; font-weight: bold;}

.title3{color: #898989 !important; font-size: 25px; line-height: 35px; }
.head1{color: #000 !important; font-size: 25px; line-height: 35px; font-weight: bold; text-align: center; }
.logo1{max-width: 180px; max-height: 94px;}


.card-title{min-height: 160px;}
.drimage{display: none;}



#home-intro{padding-left: 0px !important; background-image: url(../img/Tibra-top.png);  height: 701px; background-size: cover; background-repeat: no-repeat; position: relative;}
.doctor{position: absolute; bottom: 80px; display: block; left: 180px;  vertical-align: bottom;}
.doctor h2{font-size: 24px; color:#fff !important;}
.doctor p{line-height: 20px; color:#fff !important;}
.right1{right: 180px; margin-bottom: -120px; position: absolute; bottom: 0;}
.bg1{background-image: url(../img/Tibra-bottom.png); background-repeat: repeat-y; background-position: top center; background-size: cover; padding-top: 550px; padding-bottom: 50px; margin-top: 0px;}
.icon1{width: 85%; height: 50px; margin-top: -10px; text-align: right;}
.title1{font-size: 4.1rem; line-height: 4.3rem; margin-top: 10px !important; margin-bottom: 0px; }
.title1 span{font-weight: bold;}
}



.accordion{margin-bottom: 20px;}
.title1{color: #223498 !important; }
.title2{color: #223498 !important; }
h2{color: #223498 !important; font-weight: bold;}
.pt-10{padding-top: 150px;}
.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after{background-image: url(../img/Video\ Dropdown\ Button.svg); background-size: contain; background-repeat: no-repeat; width: 32px; height: 32px; font-family: Arial, Helvetica, sans-serif; content: "";}

.accordion .card-title{font-size: 14px;}
