/* SAN ANTONIO Custom Styles */
body{
    font-family: 'Poppins', sans-serif;
    font-size: 0.912rem;
    letter-spacing: .03em;
}
.container {
    max-width: 1200px;
}
header{
    padding-top: 30px;
}
header .btn-main{
    float: right;
}
header .top{
    width: 100%;
    margin-bottom: 25px;
}
header .top-btn{
    margin-top: 10px;
    padding-right: 0;
}
header .top .tele-widget{
    color: #000;
    text-decoration: none;
    line-height: 4;
    font-weight: 700;
    font-size: 20px;
}
header .top .tele-widget i{
    margin-right: 70px;
    color: #f7cf21;
}
.logo{
    background: url("../assets/images/Austin+Tile+Installation-logo.PNG") no-repeat center center;
    height: 74px;
}
.btn-main{
    border-radius: 0;
    background-color: #f7cf21;
    box-shadow: none;
    border-style: solid;
    color: #000;
    border-color: #ffd50e #ffd50e #f7cf21;
    border-width: 0;
    font-size: 0.99rem;
    width: 230px;
    height: 58px;
    line-height: 2.7;
    transition: color .012s ease-in-out,background-color .12s ease-in-out,border-color .12s ease-in-out,box-shadow .12s ease-in-out;
}
.btn-main:hover{
    color: #fff;
}
.bg-light{
    background-color: #f7cf21 !important;
    padding: 1.25rem !important;
}
.nav-link{
    padding: 0;
}
.navbar-expand-lg .navbar-collapse{
   justify-content: center;
}
.navbar-light .navbar-nav .nav-link{
    color: #000 !important;
    transition: all 0.3s ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #fff !important;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
    z-index: 10001;
}
.slider{
    height: 560px;
}
.slider-rescue{
    height: 100%;
    position: absolute;
    background-color: rgba(15,24,39,0.35) !important;
    width: 100%;
    z-index: 50;
    padding-top: 100px;
}
.slider .slider-overlay, .banner .banner-overlay{
    z-index: 1000 !important;
    color: #fff;
}
.banner .banner-overlay{
    z-index: 1000 !important;
    padding-top: 100px;
    color: #fff;
}
.slider .slider-overlay{
    background-color: rgba(0, 0, 0, 0.67);
    min-height: 260px;
    max-height: 560px;
    height: 560px;
}
.slider-overlay img{
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 260px;
    max-height: 800px;
} 
.slider-overlay h1{
    font-size: 70px !important;
    font-weight: 700;
    margin-bottom: 15px;
}
.slider-overlay p{
    margin-bottom: 30px;
    font-size: 16px;
}
.bx-viewport{
    height: 560px !important;
}
.services, .tile-flooring{
    padding-top: 50px;
    position: relative;
}
.services h2{
    font-weight: 600;
    color: #000;
    margin-bottom: 40px;
}
.accordion .btn{
    display: block;
    text-align: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    color: #000;
}
.accordion .btn .focus, .accordion .btn:focus{
    text-decoration: underline;
    box-shadow: none;
}
.accordion .mb-0{
    padding: 18px 0;
}
.accordion .accordion-body{
    padding: 15px 0;
    color: #585858;
    font-size: 15px;
    font-weight: 300;
}
.accordion .title-icon {
    display: inline-block;
    margin-right: 10px !important;
    width: 41px !important;
    height: 41px !important;
    fill: #f7cf21 !important;
}
.accordion .fa-chevron-down{
    font-size: 14px;
    line-height: 2.5;
    color: #212121;
}
.quote-wrapper{
    position: absolute;
    top: -200px;
    background: #fff;
    z-index: 9999;
    box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;
    border-bottom-width: 6px;
    width: 95%;
    padding: 20px 35px;
    border-bottom: 6px solid #f7cf21;
}
.quote-wrapper .graphicWidget{
    width: 61px;
    height: 61px;
    fill: #f7cf21;
    display: inline-block;
}
.quote-wrapper .quote-title{
    display: inline-block;
    font-weight: 500;
    font-size: 32px;
    border-bottom: 5px solid #f7cf21;
    width: 55%;
    margin-bottom: 50px;
}
.quote-wrapper form{
    text-align: left;
}
.quote-wrapper form label{
    font-size: 13px;
    color: rgba(100,100,100,1);
    margin-bottom: 0;
    font-weight: 300;
    margin-top: 0.5rem;
}
.quote-wrapper form input[type="text"], 
.quote-wrapper form textarea{
    border: none;
    border-bottom: 1px solid #646464;
    border-radius: 0;
}
.quote-wrapper form textarea{
    height: 50px;
    min-height: 50px;
}
.quote-wrapper form .btn{
    margin-top: 30px;
    margin-bottom: 15px;
}

.our-services{
    padding-top: 100px;
    padding-bottom: 100px;
}
.our-services h2{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
}
.our-services .content{
    display: inline-block;
    width: 510px;
    font-weight: 300;
    font-size: 16px;
    line-height: 2;
    color: #585858;
    margin-bottom: 50px;
}
.our-services .content span a{
    color: #f7cf21;
    text-decoration: underline;
}
.our-services .card{
    overflow: hidden;
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
}
.our-services .card .card-img-top{
    border-radius: 0;
    height: 325px;
}
.our-services .card a{
    transition: transform .2s ease-in-out;
}
.our-services .card a:hover{
    transform: scale(1.06);
}
.our-services .card .card-title{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-top: .5rem;
    margin-bottom: .25rem;
}
.our-services .card .card-body{
    padding: 15px;
}
.our-services .col-md-4{
    padding-right: 10px;
    padding-left: 10px;
}
.our-services .card p{
    font-size: 14px;
    color: #585858;
    font-weight: 300;
}
.our-services .btn-main{
    margin-top: 30px;
}
.our-services .materials{
    margin-top: 150px;
}
.our-services .materials h3{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
}
.our-services .materials .content{
    width: 100%;
    line-height: 1.5;
    font-size: 16px;
}
/* testimonials starts */
.testimonials{
    background: url("../assets/images/plumber_sink-1920w.webp") no-repeat center center;
    width: 100%;
    height: 460px;
    background-size: cover;
    color: #fff;
    clear: both;
}
.testimonials .overlay{
    position: relative;
    background-color: rgba(2, 19, 70, 0.7);
    z-index: 100;
    display: block;
    height: 460px;
    color: #fff;
}
.testimonials .overlay .white-ballon, .testimonials .overlay .testi-slider{
    position: absolute;
    top: 0;
    width: 50%;
}
.testimonials .overlay .white-ballon{
    left: 0;
    background: url("../assets/images/white_cercle_bg_plumber2-1920w.webp") no-repeat;
    background-size: auto;
}
.testimonials .overlay .white-ballon img{
    width: 407px;
    margin: -110px auto 0 !important;
}
.testimonials .overlay .testi-slider{
    right: 0;
    color: #fff;
    padding-top: 70px;
}
.about-us{
    padding-top: 40px;
    padding-bottom: 20px;
}
.about-us h3{
    font-size: 30px;
    color: #585858;
    font-weight: 700;
    margin-bottom: 60px;
}
.about-us .dashed-list, .about-us .content{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #585858;
}
.about-us .dashed-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.about-us .dashed-list > li{
    text-indent: -5px;
}
.about-us .dashed-list > li:before{
    content: "- ";
    text-indent: -5px;
}
.about-us .dashed-list > li a, .yellow-link a{
    color: #f7cf21;
    text-decoration: underline;
}
.about-us .content{
    margin-top: 70px;
}
.about-us .content h2{
    font-size: 32px;
    color: #000;
    font-weight: 300;
}
.about-us .content p{
    margin-bottom: 2.75rem;
}
.about-us .content .partener{
    display: inherit;
}
.call-us{
    background: #f7cf21;
    color: #fff;
    padding: 30px;
}
.call-us h2{
    font-size: 32px;
    font-weight: 700;
}
.call-us span{
    font-weight: 500;
    font-size: 16px;
}
.call-us .btn-main{
    width: 70%;
    height: 62px;
    float: right;
    background: #fff;
    box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;
    font-weight: 700;
    font-size: 18px;
}
.call-us .btn-main:hover{
    color: #000;
}
.call-us .btn-main i{
    margin-right: 60px;
}
footer .contact-links{
    background-color: #000;
    padding: 23px;
}
footer .contact-links .graphicWidget{
    fill: #fff;
    width: 45px;
    display: inline-block;
    margin-right: 17px;
}
footer .contact-links .half-block{
    display: inline-block;
    vertical-align: middle;
}
footer .contact-links .yellow-link{
    font-size: 14px;
}
footer{
    background-color: #202020;
    color: #fff;
}
footer .tiny-logo{
    margin-bottom: 30px;
}
footer ul{
    list-style: none;
    display: inline-block;
    padding-left: 0!important;
}
footer .site-map-wrap{
    padding-top: 60px;
}
footer .site-map-wrap .slogan{
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    margin-bottom: 30px;
}
footer .site-map-wrap .fa-envelope{
    font-size: 18px;
}
footer .site-map-links h5{
    margin-top: 45px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
footer .site-map-links ul li a{
    text-decoration: none;
    color: #fff;
}
footer .site-map-links ul li{
    line-height: 2.15;
}
footer .site-map-links dt{
    display: inline-block;
    font-weight: 300;
}
footer .site-map-links dd{
    float: right;
}
footer .open-hours-item{
    clear: both;
}
footer .copyrights{
    background-color: #000;
    color: #c6c6c6;
    margin-top: 100px;
}
footer .copyrights p{
    margin-bottom: 0;
    line-height: 3;
    font-size: 14px;
    font-weight: 300;
}

/* Tile Page */

.banner{
    background: url("../assets/images/bathroom+floor+tile.jpg") no-repeat;
    background-position: 50% 100% !important;
    width: 100%;
    height: 294px;
    background-size: cover;
    color: #fff;
}
.banner .banner-overlay{
    background-color: rgba(0, 0, 0, 0.3);
    height: 294px;
}
.banner .banner-overlay .breadcrumb{
    background-color: transparent;
    font-size: 16px;
    margin-bottom: 30px;
    padding: 0;
}
.banner .banner-overlay .breadcrumb a{
    text-decoration: none;
    color: #fff;
}
.banner .banner-overlay h1{
    font-size: 50px;
    font-weight: 700;
    
}
.tile-flooring h2, .tiles-offer .content h2{
    color: #000;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5;
    width: 85%;
}
.tile-flooring h2{
    border-bottom: 5px solid #f7cf21;
    margin-bottom: 50px;
}
.tile-flooring .content, .tiles-offer .content p{
    color: #585858;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}

.tiles-offer{

}
.tiles-offer .visual-tiles{
    width: 58%;
    height: 1000px;
    padding-top: 100px;
    display: inline-block;
}
.tiles-offer .visual-tiles .card{
    width: 47%;
    float: left;
    margin-right: 3%;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 0;
    background-size: cover;
    height: 340px;
    border: none;
}
.tiles-offer .visual-tiles .card-img-top{
    border-radius: 0;
    max-width: 100%;
    height: auto;
    min-height: 340px;
    max-height: 800px;
}
.tiles-offer .visual-tiles .card a {
    transition: transform .2s ease-in-out;
}
.tiles-offer .visual-tiles .card a:hover{
    transform: scale(1.06);
}
.tiles-offer .content{
    width: 40%;
    /*float: left;*/
    display: inline-block;
    clear: both;
    vertical-align: top;
    margin-top: 100px;
    padding-left: 5px;
}
.tiles-offer .content h2{
    margin-bottom: 30px;
}
.tiles-offer .content .btn-main{
    margin-top: 20px;
}
.what-we-do{
    margin-bottom: 40px;
}
.what-we-do ul{
    font-family: 'Alegreya', serif;
}
.what-we-do ul li{
    font-size: 24px;
}
.diagnostics{
    padding-top: 100px;
    padding-bottom: 100px;
}
.diagnostics h2{
    color: #000;
    font-weight: 600;
}
.diag-wrapper .nav-pills{
    display: inline-block;
    vertical-align: middle;
}
.diag-wrapper .tab-content{
    display: inline-block;
    width: 86%;
}
.diag-wrapper .card-img-top{
    width: 299px !important;
    height: auto;
    max-width: 100%;
    height: auto;
    min-height: 421px;
    max-height: 800px;
    }
.tab-block{
    display: inline-block;
    vertical-align: middle;
    width: 67%;
    padding: 20px;
}
.tab-block span{
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.tab-block .btn-main{
    width: 190px;
    height: 50px;
    line-height: 2.2;
}
.diag-wrapper .tab-content p{
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #585858;
    margin-top: 15px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    color: #000;
    background-color: transparent;
}
.nav-pills .nav-link.active, .nav-pills .nav-link:hover{
    color: #f7cf21;
    border-right: 3px solid #f7cf21;
}
.nav-pills .nav-link{
    border-radius: 0;
    padding: 50px 30px;
    border-right: 3px solid #ededed;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

/* contact-us Page */
.contact-us{
    padding-top: 100px;
    padding-bottom: 100px;
}
.contact-us h1{
    font-size: 50px;
    font-weight: 600;
    display: inline-block;
    width: 50%;
    line-height: 1.5;
    border-bottom: 6px solid #f7cf21;
}
.contact-us p{
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
    color: #585858;
}
.contact-us .contact-form{
    display: inline-block;
    width: 75%;
}
.contact-us .contact-form h2{
    text-align: left;
    margin-top: 50px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.contact-us .contact-form form{
    margin-top: 40px;
}
.contact-us .contact-form label{
    font-size: 16px;
    font-weight: 300;
    color: #585858;
    margin-bottom: .25rem;
}
.contact-us .contact-form input, .contact-us .contact-form textarea{
    border-style: solid !important;
    border-width: 0 !important;
    background-color: rgba(210,210,210,0.15) !important;
    border-color: rgba(0,0,0,0.15) !important;
}
.contact-us .contact-form .form-group{
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 46%;
    margin-right: 3%;
}
.contact-us .contact-form form .btn-main{
    margin-top: 30px;
    text-transform: uppercase;
}
.contact-us .map-wrapper{
    margin-top: 70px;
}
.contact-us .map-wrapper .graphicWidget{
    width: 25%;
    fill: #f7cf21;
    display: inline-block;
    vertical-align: top;
}
.contact-us .map-wrapper .graphicWidget svg{
    width: 61px;
    height: 61px;
}
.contact-us .map-wrapper .contentWidget{
    display: inline-block;
    width: 74%;
    text-align: left;
}
.contact-us .map-wrapper .contentWidget h4{
    font-weight: 700;
    font-size: 20px;
    color: #000;
}
.contact-us .map-wrapper .contentWidget p{
    margin-top: 0;
}
.contact-us .map-wrapper .contentWidget span{
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.contact-us .map-wrapper .map-widget{
    margin-top: 15px;
}

.testimonials .testi-slider .d-block{
    font-size: 18px;
    font-style: italic;
    margin-bottom: 5px;
}
.testimonials .testi-slider h2{
    font-weight: 700;
    font-size: 32px;
}
.testimonials .testi-slider .graphicWidget{
    width: 61px;
    height: 61px;
    color: rgba(255,255,255,0.6) !important;
    fill: rgba(255,255,255,0.6) !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 35px;
}
.testimonials .testi-slider .carousel-inner{
    display: inline-block;
    width: 75%;
}
.testimonials .testi-slider .carousel-inner h5{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
}
.testimonials .testi-slider .btn-main{
    width: 84px;
    height: 40px;
    line-height: 1.5;
    margin-top: 10px;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 12px;
    height: 12px;
}
.carousel-control-next, .carousel-control-prev{
    width: 5%;
}
/* Form Style Ends */

/* labtops 992-1280*/
@media (min-width: 415px) and (max-width: 1280px){
    
}

/* sm iPad screens */
@media (min-width: 415px) and (max-width: 992px){
    body{
        font-size: 0.8rem;
        letter-spacing: 0.03rem;
        line-height: 1.15;
    }
}

/* xs mobile screens */
@media (max-width: 414px){
    header {
        padding-top: 10px;
    }
    header .top .tele-widget i{
        margin-right: 15px;
    }
    header .top{
        text-align: center;
    }
    header .top .tele-widget{
        font-size: 13px;
    }
    header .btn-main{
        float: none;
    }
    .logo{
        height: 48px;
        background-size: cover;
    }
    .bg-light{
        padding: .5rem 1.25rem !important;
    }
    .navbar-toggler-icon{
        width: 1.15em;
        height: 1.15em;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left: .5rem;
        font-size: 12px;
    }
    .nav-item{
        line-height: 2;
    }
    .dropdown-menu{
        border: none;
        border-radius: 0;
        font-size: 12px;
        padding: .15rem 0.5rem;
    }
    .bx-viewport, .slider, .slider .slider-overlay{
        height: 276px;
    }
    .slider-rescue{
        padding-top: 40px;
        text-align: center;
    }
    .slider-overlay h1{
        font-size: 22px!important;
    }
    .slider-overlay p{
        font-size: 13px;
    }
    .services{
        padding-top: 40px;
    }
    .services h2{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .quote-wrapper{
        position: relative;
        top: 0;
    }
    .accordion .mb-0{
        padding: 0;
    }
    .accordion .btn{
        font-size: 14px;
    }
    .accordion .accordion-body{
        padding: 10px 0;
        font-size: 13px;
    }
    .accordion svg{
        width: 30px!important;
    }
    .accordion .fa-chevron-down{
        line-height: 1.5;
    }
    .quote-wrapper .graphicWidget{
        width: 44px;
        height: 44px;
    }
    .quote-wrapper .quote-title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .quote-wrapper .form-group{
        margin-bottom: 10px;
    }
    .quote-wrapper .form-control{
        height: 20px;
    }
    .quote-wrapper form label{
        font-size: 12px;
    }
    .btn-main{
        font-size: 0.87rem;
        width: 160px;
        height: 50px;
        line-height: 2.4;
    }
    .btn-group-lg > .btn, .btn-lg{
        padding: .5rem;
    }
    .our-services{
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .our-services h2{
        font-size: 18px;
    }
    .our-services .content{
        width: 100%;
        font-size: 13px;
        margin-bottom: 30px;
    }
    .our-services .col-md-4 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .our-services .card .card-img-top{
        height: 310px;
    }
    .our-services .card .card-title{
        margin-top: .15rem;
        font-size: 15px;
    }
    .our-services .card p{
        font-size: 12px;
    }
    .our-services .materials{
        margin-top: 50px;
    }
    .our-services .materials h3{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .our-services .materials .content,
    .testimonials .testi-slider .carousel-inner h5,
    .testimonials .testi-slider .d-block,
    .about-us .dashed-list,
    .about-us .dashed-list, .about-us .content{
        font-size: 13px;
    }
    .testimonials .overlay .white-ballon img{
        display: none;
    }
    .testimonials .overlay .white-ballon, .testimonials .overlay .testi-slider{
        position: relative;
        width: 100%;
    }
    .testimonials .overlay .testi-slider{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .testimonials .testi-slider h2{
        font-size: 18px;
    }
    .testimonials .testi-slider .graphicWidget {
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }
    .testimonials, .testimonials .overlay{
        height: auto;
    }
    .about-us h3{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .about-us .content{
        margin-top: 30px;
    }
    .about-us .content h2{
        font-size: 18px;
        font-weight: 500;
    }
    .about-us .content p{
        margin-bottom: 1.75rem;
    }

    .contact-us{
        width: 100%;
        padding-top: 30px;
        padding-bottom: 0;
    }
    .contact-us h1{
        font-size: 22px;
        width: 75%;
        border-bottom: 4px solid #f7cf21;
    }
    .contact-us p{
        font-size: 13px;
        margin-top: 15px;
    }
    .contact-us .contact-form{
        width: 100%;
    }
    .contact-us .contact-form h2{
        margin-top: 20px;
        font-size: 13px;
        font-weight: 500;
    }
    .contact-us .contact-form form{
        margin-top: 10px;
    }
    .contact-us .contact-form label, .contact-us .map-wrapper .contentWidget span{
        font-size: 13px;
    }
    .contact-us .contact-form .form-group{
        vertical-align: middle;
    }
    .contact-us .contact-form form .btn-main{
        margin-top: 0;
    }
    .contact-us .map-wrapper{
        margin-top: 30px;
    }
    .contact-us .map-wrapper .map-widget, .contact-us .map-wrapper .contentWidget{
        text-align: center;
    }
    .contact-us .map-wrapper .graphicWidget svg{
        width: 46px;
    }
    .contact-us .map-wrapper .contentWidget h4{
        font-size: 14px;
        font-weight: 600;
    }
    .banner{
        height: 200px;
    }
    .banner .banner-overlay{
        padding-top: 80px;
        height: 200px;
    }
    .banner .banner-overlay h1{
        font-size: 22px;
    }
    .banner .banner-overlay .breadcrumb{
        font-size: 13px;
        margin-bottom: 0;
    }
    .tile-flooring h2, .tiles-offer .content h2{
        font-size: 16px;
        width: 70%;
    }
    .tile-flooring{
        padding-top: 20px;
    }
    .tile-flooring h2 {
        border-bottom: 4px solid #f7cf21;
        margin-bottom: 15px;
    }
    .tile-flooring .content, .tiles-offer .content p{
        font-size: 13px;
    }
    .tiles-offer .visual-tiles{
        width: 100%;
        height: 500px;
        padding-top: 50px;
    }
    .tiles-offer .visual-tiles .card-img-top{
        min-height: 0;
        height: 200px;
    }
    .tiles-offer .visual-tiles .card{
        height: auto;
    }
    .tiles-offer .content{
        width: 100%;
        margin-top: 0;
    }
    .tiles-offer .content h2{
        margin-bottom: 15px;
    }
    .what-we-do ul li {
        font-size: 15px;
    }
    .about-us{
        padding-bottom: 10px;
    }
    .diagnostics h2{
        font-size: 16px;
        margin-bottom: 13px;
    }
    .diagnostics {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .nav-pills{
        margin-bottom: 15px;
    }
    .nav-pills .nav-link{
        padding: 0;
        text-align: left;
        font-size: 14px;
        font-weight: normal;
    }
    .tab-block{
        width: 100%;
        padding: 0;
    }
    .diag-wrapper .nav-pills{
        display: block;
    }
    .tab-block{
        margin-bottom: 15px;
    }
    .tab-block span{
        font-size: 13px;
    }
    .diag-wrapper .tab-content p{
        font-size: 13px;
        margin-top: 10px;
    }
    .diag-wrapper .tab-content{
        width: 100%;
    }
    .diag-wrapper .card-img-top {
        max-width: 100%;
        height: 200px;
        max-height: 800px;
        min-height: 200px;
    }
    .call-us h2{
        font-size: 18px;
    }
    .call-us span{
        font-size: 13px;
    }
    .call-us .btn-main{
        width: 100%;
        height: auto;
        float: none;
        font-size: 14px;
        margin-top: 10px;
    }
    footer .contact-links .yellow-link{
        font-size: 12px;
    }
    footer .contact-links .col-md-4{
        margin-bottom: 15px;
    }
    footer .contact-links h6{
        font-size: 14px;
    }
    footer .contact-links span{
        font-size: 12px;
    }
    footer .contact-links .graphicWidget{
        width: 40px;
    }
    footer .site-map-wrap {
        padding-top: 30px;
    }
    footer .eVisa-logo{
        margin-bottom: 20px;
        width: 50%;
    }
    footer .site-map-wrap .slogan{
        width: 50%;
        font-size: 12px;
        margin-bottom: 15px;
    }
    footer .site-map-wrap .fa-envelope{
        font-size: 16px;
    }
    footer .site-map-links h5{
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 13px;
    }
    footer .site-map-links ul li a{
        font-size: 13px;
    }
    footer .site-map-links ul li{
        line-height: 2;
    }
    footer .copyrights{
        margin-top: 0;
    }
    footer .copyrights p{
        font-size: 12px;
    }
}