@charset "utf-8";
/* CSS Document */

@media (max-width: 1249px) {
    .bannerText{font-size:30px; line-height:40px; bottom:40px;}
    .homeTabsHolder .homeTabHolder{width:300px; height:300px; padding:30px 50px;}
    .homeTabsHolder .homeTabHolder .thumb{margin:0 auto 15px auto;}
    .homeTabsHolder .homeTabHolder .title{margin:0 0 15px 0;}
    .homeTabsHolder .homeTabHolder .description{font-size:13px;}
    .contactButton{width:30%;}
    .contactButton:hover{width:45%;}
    .modalHolder{max-width:60%;}
}

@media (max-width: 991px) {
    html, body{font-size: 17px; line-height: 29px;}
    .bannerText{font-size:25px; line-height:30px; bottom:30px; padding:20px;}
    .homeTabsHolder .homeTabHolder{width:95%; height:320px; padding:30px; border-radius:20px;}
    .modalHolder{max-width:80%;}
    footer{font-size:14px; line-height:18px;}
}

@media (max-width: 767px) {
    .headerLogo{width:170px;}
    .jeziciHolder{margin:5px 0 0 20px;}
    .jeziciHolder a{margin:0 0 0 5px;}
    .headerTel{padding:7px 20px; margin:5px 0 0 0;}
    .headerTel .icon{width:15px;}
    .headerTel span{font-size:15px; line-height:15px; letter-spacing:1px;}
    .owl-carousel{margin:0 0 70px 0;}
    .bannerText{font-size:20px; line-height:25px; bottom:25px; padding:15px;}
    .homeTabsHolder .homeTabHolder{height:350px;}
    .homeTabsHolder .homeTabHolderDescription{font-size:12px; line-height:16px;}
    .contactButton{width:40%; padding:15px 0; font-size:18px;}
}

@media (max-width: 649px) {
    header{position:relative; background:#fff;}
    .h1 > span.smallSubTitle{line-height:35px;}
    .headerLogo{margin:0 auto 15px auto; max-width:75%; width:220px;}
    .jeziciHolder{position:fixed; top:10px; right:10px; width:30px; margin:0;}
    .jeziciHolder a{margin:0 0 5px 0;}
    .headerTel{padding:0; margin:0; float:none; text-align:center; overflow:hidden; display:block;}
    .headerTel .icon{display:none;}
    .headerTel span{float:none; display:block; font-size:20px; line-height:20px; font-weight:600;}
    .bannerText{font-size:18px; line-height:20px; bottom:10px; padding:15px;}
    .homeTabsHolder .homeTabHolder{width:90%; height:auto; margin:0 auto 15px auto; padding:20px;}
    .testimonialsHolder .testimonialHolder .header{text-align:center;}
    .testimonialsHolder .testimonialHolder .header .thumb{float:none; display:inline-block; margin:0;}
    .testimonialsHolder .testimonialHolder .header .info{float:none;}
    .testimonialsHolder .testimonialHolder .text{text-align:center; padding:0 20px;}
    .owl-carouselTestimonials.owl-carousel{margin:0;}
    .owl-carouselTestimonials .owl-item{height:auto;}
    .homeTabsHolder .homeTabHolder .title{font-size:18px; line-height:22px;}
    .homeTabsHolder .homeTabHolder .description{font-size:15px; line-height:22px;}
    .contactButton{width:80%;}
    .contactButton:hover{width:90%;}
    .modalHolder{width:95%;}
    .modalContent{padding:10px;}
    .modalContent > .title{font-size:16px; line-height:20px; margin:0 0 30px 0;}
    .modalContent input, .modalContent textarea, .modalContent select{font-size:12px; line-height:16px;}
    footer{text-align:center;}
    footer .col-lg-6{margin-bottom:30px;}
    footer .col-lg-6:last-child{margin-bottom:0;}
    footer p{margin:0 0 15px 0;}
    footer .footerSocialHolder{margin:0 0 10px 0;}
    .footerLogo{margin:0 auto;}
}