@media screen and (max-width: 767px) {
  .container {    padding: 0 25px;    margin: 0 auto;  background:#fff; position:fixed; min-height:auto;max-height:auto }
  .wrapper {    float: inherit; padding:0; margin:0 ;     } .header {height:auto;background:#fff;}
  .nav-toggle {    cursor: pointer;    display: block;    float: right;    padding: 11px;    border: none;    outline: none; z-index:9999 ;color:#000; background:#ed1c24; position:fixed; top:15px; right:15px}
  span.toggle {    background: #ffffff;    width: 30px;    height: 3px;    display: block;    margin: 5px 0;    border: none;    outline: none;  z-index:9999;color:#000 }
  .nav-menu {    display: none;  }
  .nav-menu li {    display: block;    text-align: left;  }
  .nav-menu li a {    color: #000;  }
  .nav-menu .nav-item .item-dropdown {    position: inherit;    box-shadow: none;  }
  .nav-menu .nav-item .item-dropdown .sub-item a {    width: 100%;    margin-left: 1.5rem;  }
  .nav-menu .nav-item.has-dropdown {    background: #f5f5f5;  }
  .nav-menu .nav-item i.fas {    margin: 0;    float: right;  }
.nav-menu .phone { background:url(../img/phone_ico.png) no-repeat left center;padding-left:30px;margin-left:10px; letter-spacing:0; font-weight:600; font-size:18px}
html { background:#fff;}
.mobile { display:block;}
.desktop { display:none;}	
.grid-list li {  flex: auto;  width: 100%;  margin: 0; position:relative;}
#intro { min-height:50px; max-height:100vh; background:#263e6a; clear:both; padding-bottom:30px}
.read-more a{ margin-bottom:20px;}

main h1 { color:#fff; text-align:center;margin-top:120px; padding:15px; text-shadow:0 0 5px #000; letter-spacing:2px; line-height:45px; font-size:20px }

#intro .c12 { padding:20px;}#intro .c6 { padding:10px;}

footer .c4, footer .c3, footer .c5, footer .c12 {padding:0 20px}
footer .c5, footer .c3 { border-right:0;}
footer { padding:30px 30px ;}
.nav-container { max-width:100%; width:100%}
.nav-trigger { left:10px; top:10px;}
.nav { margin-top:35px;}
 #home .logo { width:140px; height:50px; display:block; position:fixed!important; background:none; position:absolute; z-index:2555; left:20px; top:20px; bottom:0; margin:0; right:inherit}
#home header { background:#fff;}

.logo { width:140px; height:50px; display:block; position:fixed!important; background:none; position:absolute; z-index:2555; left:inherit;right:10px; top:-30px; bottom:0; margin:0}
.logo a { display:block; height:100%; margin: 0!important; position: relative;}
.headline { width:220px; height:62px; top:inherit; right:inherit; left:inherit; right:inherit; margin:0;margin-top:0px; background:none; position:relative; z-index:2; display:block; float:left;clear:both; display:none} 
.read-more { width:100%; text-align:center}
#info { margin-top:30px; padding:0px;box-shadow:0 0 0 rgba(255,255,255,1); z-index:0;}
#texts { background:#fff; }
#info .txt, #info .gal { padding:0px; padding-top:30px}
#home main { background:url(../img/slider.jpg) no-repeat  center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;		background-attachment:cover; margin:0; padding:0;max-height:464px}
#intro { min-height:450px; max-height:100vh; background:#eee;padding:50px 0}
main {  position: relative;  z-index: 1;  height: auto;  overflow: hidden;   transition: transform .5s;}
figure.effect h3 { position:absolute; left:0px; bottom:0px; opacity:1; visibility:visible; background:#3b484e; padding:25px 25px; font-size:17px; text-align:center; width:100%; line-height:18px; font-weight:600; letter-spacing:1px;animation: slide-in .4s .2s backwards; animation-delay: .1s;color:#fff}
figure.effect h2 { max-width:100%;margin:0 auto; text-align:center;-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;	-webkit-transform: translate3d(0,-20px,0);	transform: translate3d(0,-20px,0); color:#fff; visibility:hidden;  font-size:18px; font-weight:700; letter-spacing:-1px; margin-top:35%; text-align:center!important; line-height:30px;}
 figure.effect:hover hr {margin-top:20px; max-width:60%}
#testimonials { margin-top:40px; background:url(../img/quote.png) no-repeat top right; padding-left:0px}
#intro .c6 { padding:20px 0;}
#intro h2 { text-align:center;}


.forma, .forma textarea, .forma input[type=submit] { width:100%;}
.forma input[type=submit] { bottom:-70px;}


footer .c4 { margin:15px 0;}

#galerija li { display:inline-block; margin:0px; min-width:12.32%;max-width:19.5%; max-height:80px; padding:0; }

.clients li {  flex: auto;  width: 125px;  margin: 10px 0px; position:relative}
footer ul { margin-top:30px; text-align:center}
footer .c4 a { text-align:center; float:none; margin:5px auto;}
footer a { text-align:center!important; margin:0 auto; float:none; display:block}
.vb { float:none!important; margin:0; padding:0;margin:20px auto!important;width:50%}
.vb img { margin:0px auto!important; float:none}
footer .bottom { width:100%; display:block; border-top:1px solid #ccc;margin-top:40px;padding:20px 0;}
footer .bottom p, footer .bottom a { text-align:center!important; font-size:14px; float:none; letter-spacing:1px}
footer { padding-bottom:10px;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1280px) {
.grid-list li {  flex: auto;  width: 350px;  margin: 0; position:relative;}


}
@media only screen  and (max-width : 1100px) { 
.grid-list li {  flex: auto;  width: 350px;  margin: 0; position:relative;}

}
@media only screen  and (max-width : 950px) { .header { }

}

@media only screen  and (min-width : 1224px) {

}
@media only screen  and (min-width : 1420px) {
.grid-list li {  flex: auto;  width: 400px;  margin: 0; position:relative;}


}
@media only screen  and (min-width : 1366px) { 

}
@media only screen  and (min-width : 1580px) {
.grid-list li {  flex: auto;  width: 440px;  margin: 0; position:relative;}



}




@media only screen  and (min-width : 1950px) {
.grid-list li {  flex: auto;  width:550px;  margin: 0; position:relative;}

}
@media only screen  and (min-width : 2250px) {
.grid-list li {  flex: auto;  width:750px;  margin: 0; position:relative;}



}

@media only screen  and (min-width : 3500px) {
.grid-list li {  flex: auto;  width:1150px;  margin: 0; position:relative;}



}


/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}







/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}


/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}




/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}



/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}



/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}



/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}


















}