/* ----------------------------------------------- */
/* NAVBAR COMPONENTS */
/* ----------------------------------------------- */
@media (max-width: 992px) {
     .navbar-nav.social-icons {
         display: none;
    }
     .navbar-fixed-top .navbar-header .navbar-brand img {
         max-height: 36px;
         margin-top: 5px;
    }
}
 @media (max-width: 767px) {
     .navbar-nav > li > a, .navbar-fixed-top .navbar-header {
         line-height: 20px;
         padding: 10px 30px;
         margin-top: 0;
    }
     .navbar-fixed-top .navbar-header .navbar-brand img {
         max-height: 35px;
         margin: 0;
         padding: 0;
    }	
}
@media (min-width: 768px) {
.navbar-right {
    margin-right: 0px;
}

}
/* ----------------------------------------------- */
/* END OF NAVBAR COMPONENTS */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* IMAGE GRID */
/* ----------------------------------------------- */
.for-mobile{
display: none;
}
@media (max-width: 1440px){
#o-nama img.mala { height: 120px; }
#o-nama img.srednja {height: 240px; }
#o-nama img.velika {height: 360px; }
}
@media (max-width: 1260px){
#o-nama img.mala { height: 100px; }
#o-nama img.srednja {height: 200px; }
#o-nama img.velika {height: 300px; }
#o-nama img {
	filter: none;
	opacity: .9;
}
#o-nama img:hover { opacity: .9; }   
}
@media (max-width: 1150px){
#o-nama img.mala { height: 80px; }
#o-nama img.srednja {height: 160px; }
#o-nama img.velika {height: 240px; }
}
@media (max-width: 992px) {
#o-nama img.mala { height: 250px; }
#o-nama img.srednja {height: 500px; }
#o-nama img.velika {height: 750px; }
}
@media (max-width: 768px) {
#o-nama img.mala { height: 200px; }
#o-nama img.srednja {height: 400px; }
#o-nama img.velika {height: 600px; }
}
/*@media (max-width: 560px) {
#o-nama img.mala { height: 180px; }
#o-nama img.srednja {height: 360px; }
#o-nama img.velika {height: 520px; }
}*/
@media (max-width: 560px) {
#o-nama img.mala { height: 60px; }
#o-nama img.srednja {height: 120px; }
#o-nama img.velika {height: 180px; }
}



@media (max-width: 560px) {
.for-mobile
{ display: block}
}






/* ----------------------------------------------- */
/* END OF IMAGE GRID  */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* SERVICE SECTION */
/* ----------------------------------------------- */
@media (max-width: 1024px){
    .service-section {
   
    margin-top: 120px;
    padding: 5vh 0;
    
}
}
@media (max-width: 992px) {
.service-section { margin-top: 0px; }
.service-section .services { margin: 10px 0; }
}
/* ----------------------------------------------- */
/* END OF SERVICE SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* TESTIMONIAL SECTION */
/* ----------------------------------------------- */
@media (max-width: 1260px){ 
.testimonials .col-md-5 {
    margin: 0 40px;
}
}
@media (max-width: 992px) {
.testimonial.col-sm-12 {
    margin: 0 20px 50px 20px;
    padding: 30px 20px;
}
.testimonials {
    margin-bottom: 0;
    padding: 62px 0 0;
}
.testimonials h1{
	font-size: 24px;
	margin-bottom: 40px;
}
@media (max-width: 320px) {
.testimonial.col-sm-12 {
    margin: 0 20px 50px 20px;
    padding: 30px 20px;
}
	.testimonials .testimonial p.desc {
	font-size: 0.7em;	
}
}
/* ----------------------------------------------- */
/* END OF TESTIMONIAL SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* FOTO SECTION */
/* ----------------------------------------------- */
@media (max-width: 1200px){
ul.tabs li p {
     line-height: 3.6;
     font-size: 13px;
}
}
@media (max-width: 992px) {
    ul.tabs .foto-icon.service-icon {
       padding: 15px 43px;
     background: #FDDB00;
     /* font-size: 25px; */
     
     color: white;
     margin-top: 1px;
    }
    ul.tabs .fotos-title {display: none;}
    ul.tabs li p {
     line-height: 3;
     font-size: 18px;
     
}
    
}
/* ----------------------------------------------- */
/* END OF FOTO SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* VIDEO SECTION */
/* ----------------------------------------------- */
@media (max-width: 1200px){
ul.video-tabs li p {
     line-height: 3.6;
     font-size: 13px;
}
}
@media (max-width: 992px) {
    ul.video-tabs .foto-icon.service-icon {
       padding: 15px 43px;
     background: #FDDB00;
     /* font-size: 25px; */
     
     color: white;
     margin-top: 1px;
    }
    ul.video-tabs .fotos-title {display: none;}
    ul.video-tabs li p {
     line-height: 3;
     font-size: 18px;
    
}
    .player {
    height: 100%;
    }
    
}

/* ----------------------------------------------- */
/* END OF VIDEO SECTION */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* DRON SECTION */
/* ----------------------------------------------- */
@media (max-width: 1200px){
ul.dron-tabs li p {
     line-height: 3.6;
     font-size: 13px;
}
}
@media (max-width: 992px) {
    ul.dron-tabs .foto-icon.service-icon {
       padding: 15px 36px;
     background: #FDDB00;
     /* font-size: 25px; */
     
     color: white;
     margin-top: 1px;
    }
    ul.dron-tabs .fotos-title {display: none;}
    ul.dron-tabs li p {
     line-height: 3;
     font-size: 18px;
    
}
@media (max-width: 768px) {
    ul.tabs .foto-icon.service-icon, 
    ul.video-tabs .foto-icon.service-icon, 
    ul.dron-tabs .foto-icon.service-icon { 
     margin-top: 0px;
     width: 20%;
    }
    ul .col-sm-10 {
        padding: 0;
}
    ul .col-sm-2 {
        background: #FDDB00;
}
}

    
}
/* ----------------------------------------------- */
/* END OF DRON SECTION */
/* ----------------------------------------------- */
@media (max-width: 768px){
.trusted-by .col-md-6 {
    width: 100%;
}}
@media (max-width: 620px){
.contact-form .row-button button {
    width: 50%;
}
}
/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */
@media (max-width: 1200px){
     footer .leva-kolona img {
     width: 100%;
     padding: 50px 50px;
}
    footer .desna-kolona{ margin-top: 20px;}
     footer .desna-kolona td {
     line-height: 3.3;
     font-size: 1.2em;
}
    
}
@media (max-width: 992px) {
    
     footer .desna-kolona td {
     line-height: 3;
     font-size: 1.1em;
   
}  
}
@media (max-width: 767px) {
     footer .leva-kolona .phone {
     font-size: 1.3em;
     font-weight: bold;
}
    footer .desna-kolona td {
     line-height: 3.5;
     font-size: .9em;
   
}
}
@media (max-width: 620px){
 footer .desna-kolona td {
     line-height: 3;
     font-size: .8em;
   
}
        footer .leva-kolona .phone {
     font-size: 1.2em;
     font-weight: bold;
}
     footer .leva-kolona img {
     padding: 38px 50px;
}

}
@media (max-width: 570px) {    
    footer .desna-kolona td {
     line-height: 3;
     font-size: .75em;
   
}

     footer .leva-kolona img {
     padding: 30px;
}
}
@media (max-width: 540px) {  
    footer .desna-kolona td {
     line-height: 3.2;
     font-size: .65em;
   
}
}
/* ----------------------------------------------- */
/* END OF FOOTER */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* AFTER SUBMIT PAGES */
/* ----------------------------------------------- */
@media screen and (max-width: 1024px){
  .after-submit-container h1 underline {
      font-size: 0.9em;
  }
  .after-submit-container h3 {
      font-size: 1em;
  }
}
@media screen and (max-width: 768px){
    .container.after-submit-container {
        width: 100%;
    }
  .after-submit-container h1  {
      font-size: 2em;
      
  }
  .after-submit-container h3 {
      font-size: 0.8em;
      padding: 20px;
  }
}
@media screen and (max-width: 1024px){
  .after-submit-container h1 underline {
      font-size: 0.9em;
  }
  .after-submit-container h3 {
      font-size: 1em;
  }
}
@media screen and (max-width: 414px){
    .container.after-submit-container {
        width: 100%;
    }
  .after-submit-container h1  {
      font-size: 2em;
  }
  .after-submit-container h1 underline {
      border: 0 !important;
  }
  .after-submit-container h3 {
      font-size: 0.8em;
      padding: 5px;
      text-align: left;
  }
}
/* ----------------------------------------------- */
/* END OF AFTER SUBMIT PAGES */
/* ----------------------------------------------- */
@media (max-width: 1024px) {
    /*.player {
        height: 43vh;
    }*/
    ul.dron-tabs .foto-icon.service-icon {
        padding: 8px 18px;
    }
	.arrow {
     cursor: pointer;
     position: absolute;
     top: 50%;
     margin-top: -35px;
     width: 0;
     height: 0;
     border-style: solid;
     opacity: 1;
     transition: all 0.5s;
}
.arrow:hover {
    opacity: 1;
    transform: none;
}
}
@media (max-width: 768px) {
    ul.tabs .foto-icon.service-icon,
    ul.video-tabs .foto-icon.service-icon,{
        padding: 16px 34px;
        
    }
    ul.dron-tabs .foto-icon.service-icon {
        padding: 16px 18px;
        
    }
	#slider, .wrap, .slide-content {
		height: 40vh;
	}
	.arrow {
		top: 50%;
	}
	.arrow-left{
	  border-width: 20px 30px 20px 0;
	}
	.arrow-right{
	  border-width: 20px 0 20px 30px;
	}
	.tab-link p{
		font-size: 16px !important;
	}
}
@media (max-width: 414px) {
	/*.player {
        height: 34vh;
    }*/
    .contact-form .row input[type=email], .row textarea, .contact-form .row input[type=text], .contact-form .row input[type=number] {
        font-size: .8rem;
    }
    footer .desna-kolona td {
        font-size: 1em;
    }
    footer .leva-kolona img {
        padding: 60px 30px;
    }
	.form-style h1 {
        font-size: 1.75rem;
    }
	div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right {
		left: 15px !important;
	}
    
}
@media (max-width: 411px) {
/*player {
        height: 34vh;
    }*/
}
@media (max-width: 375px){
    
    .contact-form .row input[type=email], .row textarea, .contact-form .row input[type=text], .contact-form .row input[type=number] {
    font-size: .7rem;
		width: 68%;
		
}
	.contact-form .row-button button {
    width: 70%;
}


}

@media (max-width: 320px) {
	.contact-form .row input[type=email], .row textarea, .contact-form .row input[type=text], .contact-form .row input[type=number] {
    font-size: .62rem;	
}
    .form-style h1 {
        font-size: 1.5rem;
    }
    
footer .desna-kolona td {
    font-size: .8em;
}
    
}
@media (max-width:414px){
ul.tabs .foto-icon.service-icon img{
       width: 20%;
}
ul.video-tabs .foto-icon.service-icon img{
       width: 15%;
}
ul.dron-tabs .foto-icon.service-icon img{
       width: 30%;
}
    
    
.arrow-left {
    left: 0;
}
.arrow-right {
    right: 0;
}
.slider1.slide2,
.slider1.slide6 {
    background-position: right;
}    
}
@media (max-width: 1024px){
    .service-section,.oprema {
    background-image: none;
}
}