/* CSS Document */

/* bxslider - full sceen */ 

body, html{
    height: 100%; scroll-padding-top: 160px; 
} 


.bxslider, .bxslider li{
    height: 100% !important;;
}


   
.stred {margin: 0px auto;}

a {color: #f49a00; text-decoration: none;}
a:hover {color: #f49a00; text-decoration: underline;}



.text-paticka {color: #ffffff; font-size: 17px; font-weight: 300;}
.odkaz-paticka {color: #ffffff; font-size: 19px; font-weight: 300;}
.odkaz-paticka:hover {color: #ffffff; font-size: 19px; font-weight: 300;}

.text-bily {color: #ffffff;}
.text-bily-upoutavka {color: #ffffff; font-size: 18px; line-height: 18px;}

.transform-2s {transition: transform 0.4s;}
.transform-2s:hover {transform: scale(1.03);}

ul {margin: 0px 10px 0px 0px;}
li {padding: 0px 0px 20px 5px;list-style-position: outside;/* list-style-image: url('../../../Image/user_img/amboseli_eu/obecne/ico_ctverecek_zluta.png'); */}

.tlacitko-hnede-navig {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
.tlacitko-hnede-navig:hover {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
.tlacitko-hnede-navig-prazdne {float: left; color: #a5b9bb; font-size: 20px; font-weight: normal; text-decoration: none; text-decoration: none; background-color: #dee7e8; border: 0px; padding: 8px 14px 2px 14px; margin: 0px 2px 0px 2px;}

/* desktop */
@media screen and (min-width:1300px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: green;}
  .logo {float: left; z-index: 6; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 106px;}
  .logo img {float: left;}
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: left; clear: both; display: block; margin-top: 32px; width: 100%;} 
  .menu-mobile {float: right; display: none;} 
  .menu-mezera {float:left; padding: 0px 20px 0px 20px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: block;}
  .menu-pozadi-1 {position: fixed; z-index: 1; left: 0px; top: 0px;  width: 100%; height: 130px; border-bottom: 1px solid #949494;}
  .menu-pozadi-2 {position: fixed; z-index: 1; left: 0px; top: 0px;  width: 100%; height: 130px; border-bottom: 1px solid #949494;}
  div {text-align: left;font-family: 'Open Sans', sans-serif;font-size: 17px;line-height: 25px;color: #161922;}
  td {line-height: 25px;font-family: "Open Sans", sans-serif;font-size: 17px;color: #161922;}
  ul {margin: 0px 20px 0px 0px;}
}                        
/* tablet */                 
@media screen and (min-width:1246px) and (max-width:1299px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: orange;}
  .logo {float: left; z-index: 6; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 106px;}
  .logo img {float: left;}
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: left; clear: both; display: block; margin-top: 32px; width: 100%;} 
  .menu-mobile {float: right; display: none;}
  .menu-mezera {float:left; padding: 0px 5px 0px 5px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: none;}   
  .menu-pozadi-1 {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 130px; border-bottom: 1px solid #949494; z-index: 120;}
  .menu-pozadi-2 {float: left; position: absolute; left: 0px; top: -130px; width: 100%; height: 130px; border-bottom: 1px solid #949494; z-index: 120;}
  div {text-align: left;font-family: "Open Sans", sans-serif;font-size: 17px;line-height: 23px;color: #161922;}
  td {line-height: 23px;font-family: "Open Sans", sans-serif;font-size: 17px;color: #161922;}
  ul {margin: 0px 20px 0px 0px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:1245px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: red;}
  .logo {float: left; z-index: 6; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 86px;}
  .logo img {float: left; width: 170px;}
  .menu-carky {float: right; position: relative; margin-top: 26px; margin-right: 20px;}
  .menu {float: left; display: none;}
  .menu-mobile {float: right; width: 100%; display: block; margin-top: 20px;}
  .menu-mezera {}
  .menu-mezera-big {}
  .pod-menu {display: none;}
  .menu-pozadi-1 {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; z-index: 120;}
  .menu-pozadi-2 {float: left; position: absolute; left: 0px; top: -130px; width: 100%; height: 110px; z-index: 120;}
  div {text-align: left;font-family: "Open Sans", sans-serif;font-size: 17px;line-height: 23px;color: #161922;}
  td {line-height: 23px;font-family: "Open Sans", sans-serif;font-size: 17px;color: #161922;}
  ul {margin: 0px 20px 0px 0px;}
}

/* max */
@media screen and (min-width:1981px) {
  .max-resolution {width: 1920px; margin: 0px auto;}
}

/* desktop */
@media screen and (min-width:1300px) {
  .rectangle {float: left; width: 7px; height: 17px; background: green;}
  .obsah {width: 100%;}
  .hlavni {max-width: 1240px; width: 100%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .table-4-sloupce {width: 16.8%; margin: 0% 4.0% 0% 4.0%;} 
  .table-dve-tretiny {width: 63%; margin: 0% 2% 0% 0%;}
  .table-jedna-tretina {width: 33%; margin: 0% 0% 0% 2%;}
  .nadpis {font-size: 38px; line-height: 38px; font-weight: 450; color: #000000;}
  .nadpis-stredni {font-size: 28px; line-height: 35px; font-weight: 450; color: #000000;}
  .nadpis-maly-bily {float: left; width: 100%; font-size: 24px; line-height: 28px; font-weight: 700; color: #ffffff; text-transform: normal; padding: 0px 0px 20px 0px;}
  .nadpis-aktuality {font-size: 20px; line-height: 24px; font-weight: 450; color: #000000;}
  .anotace-aktuality {font-size: 17px; line-height: 22px; font-weight: 300; color: #000000;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .nadpis-slider {float: left; font-size: 45px; line-height: 45px; font-weight: 700; color: #ffffff; padding: 40px 35px 35px 35px; background: rgba(21, 158, 192, 1.0); border-radius: 0px;}
  .anotace-slider {float: left; width: 100%; font-size: 24px; font-weight: 450; line-height: 30px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 331px;}
  .rozstrel-mezera {height: 150px;}
  
  #myVideo { position: fixed; right: 0; top: 0; /* min-width: 100%;  min-height: 100%; */ }
  .content-video { position: fixed; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .video-text {position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%);}
  .nadpis-video {float: left; width: 100%; font-size: 40px; line-height: 48px; font-weight: 600; padding-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .anotace-video {float: left; width: 100%; font-size: 25px; font-weight: 300; line-height: 30px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .mezera-video {height: 50px;}
  
  .tlacitko-modre {color: #ffffff; font-size: 18px; line-height: 18px; background: #159ec0; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre:hover {color: #ffffff; font-size: 18px; line-height: 18px; background: #0c86a4; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-zlute {color: #ffffff; font-size: 18px; line-height: 18px; background: #fecc09; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-zlute:hover {color: #ffffff; font-size: 18px; line-height: 18px; background: #e0b304; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-bile-stredni {color: #fecc09; font-size: 18px; line-height: 18px; background: #ffffff; border: 1px solid #ffffff; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-bile-stredni:hover {color: #fecc09; font-size: 18px; line-height: 18px; background: #fdf5d6; border: 1px solid #fdf5d6; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre-stredni {float: left; color: #ffffff; font-size: 18px; line-height: 18px; background: #159ec0; border: 1px solid #159ec0; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre-stredni:hover {float: left; color: #ffffff; font-size: 18px; line-height: 18px; background: #098fb0; border: 1px solid #098fb0; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .text-novinka {color: #014781; font-size: 23px; line-height: 23px; font-weight: 450;}
  .text-citat {color: #000000; font-size: 20px; line-height: 30px; font-weight: 600; font-style: italic;}
  .nadpis-upoutavka-modra {float: left; font-size: 32px; max-width: 486px; line-height: 40px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(24, 88, 140, 1.0); border-radius: 0px;}
  .nadpis-upoutavka-zluta {float: left; font-size: 32px; max-width: 486px; line-height: 40px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(254, 204, 9, 0.8); border-radius: 0px;}
  .nadpis-upoutavka-zluta:hover {float: left; font-size: 32px; max-width: 486px; line-height: 40px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(254, 204, 9, 1.0); border-radius: 0px; text-decoration: none;}
  .slider-bgimage-pos {background-position: top center;}
}                        
/* tablet */                 
@media screen and (min-width:808px) and (max-width:1299px) {
  .rectangle {float: left; width: 7px; height: 17px; background: orange;}
  .obsah {width: 100%;}
  .hlavni {width: 90%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;}
  .table-dve-tretiny {width: 63%; margin: 0% 2% 0% 0%;}
  .table-jedna-tretina {width: 33%; margin: 0% 0% 0% 2%;}
  .nadpis {font-size: 38px; line-height: 38px; font-weight: 450; color: #000000;}
  .nadpis-stredni {font-size: 28px; line-height: 35px; font-weight: 450; color: #000000;}
  .nadpis-maly-bily {float: left; width: 100%; font-size: 24px; line-height: 28px; font-weight: 700; color: #ffffff; text-transform: normal; padding: 0px 0px 20px 0px;}
  .nadpis-aktuality {font-size: 20px; line-height: 24px; font-weight: 450; color: #000000;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .nadpis-slider {float: left; font-size: 45px; line-height: 45px; font-weight: 700; color: #ffffff; padding: 40px 35px 35px 35px; background: rgba(21, 158, 192, 1.0); border-radius: 0px;}
  .anotace-slider {float: left; width: 100%; font-size: 24px; font-weight: 450; line-height: 30px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 331px;}
  .rozstrel-mezera {height: 90px;}
  
  #myVideo { position: fixed; right: 0; top: 0; /* min-width: 100%;  min-height: 100%; */ }
  .content-video { position: fixed; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .video-text {position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%);}
  .nadpis-video {float: left; width: 100%; font-size: 28px; line-height: 32px; font-weight: 600; padding-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .anotace-video {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 24px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .mezera-video {height: 50px;}
  
  .tlacitko-modre {color: #ffffff; font-size: 18px; line-height: 18px; background: #159ec0; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre:hover {color: #ffffff; font-size: 18px; line-height: 18px; background: #0c86a4; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-zlute {color: #ffffff; font-size: 18px; line-height: 18px; background: #fecc09; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-zlute:hover {color: #ffffff; font-size: 18px; line-height: 18px; background: #e0b304; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-bile-stredni {color: #fecc09; font-size: 18px; line-height: 18px; background: #ffffff; border: 1px solid #ffffff; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-bile-stredni:hover {color: #fecc09; font-size: 18px; line-height: 18px; background: #fdf5d6; border: 1px solid #fdf5d6; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre-stredni {float: left; color: #ffffff; font-size: 18px; line-height: 18px; background: #159ec0; border: 1px solid #159ec0; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre-stredni:hover {float: left; color: #ffffff; font-size: 18px; line-height: 18px; background: #098fb0; border: 1px solid #098fb0; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .text-novinka {color: #014781; font-size: 20px; line-height: 23px; font-weight: 450;}
  .text-citat {color: #000000; font-size: 20px; line-height: 26px; font-weight: 450;}
  .nadpis-upoutavka-modra {float: left; font-size: 32px; max-width: 486px; line-height: 40px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(24, 88, 140, 1.0); border-radius: 0px;}
  .nadpis-upoutavka-zluta {float: left; font-size: 32px; max-width: 486px; line-height: 40px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(254, 204, 9, 0.8); border-radius: 0px;}
  .nadpis-upoutavka-zluta:hover {float: left; font-size: 32px; max-width: 486px; line-height: 40px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(254, 204, 9, 1.0); border-radius: 0px; text-decoration: none;}
  .slider-bgimage-pos {background-position: top center;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:807px) {
  .rectangle {float: left; width: 7px; height: 17px; background: red;}
  .obsah {width: 100%;} /* 100% */
  .hlavni {width: 90%;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-plne {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-4-sloupce {width: 90%; margin: 0px 5% 0px 5%;} 
  .table-dve-tretiny {width: 90%; margin: 0px 5% 0px 5%;}
  .table-jedna-tretina {width: 90%; margin: 0px 5% 25px 5%;}
  .nadpis {font-size: 30px; line-height: 32px; font-weight: 450; color: #000000;}
  .nadpis-stredni {font-size: 28px; line-height: 35px; font-weight: 450; color: #000000;}
  .nadpis-maly-bily {float: left; width: 100%; font-size: 24px; line-height: 28px; font-weight: 700; color: #ffffff; text-transform: normal; padding: 0px 0px 20px 0px;}
  .nadpis-aktuality {font-size: 20px; line-height: 24px; font-weight: 450; color: #000000;}
  .anotace {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 28px;}
  .nadpis-slider {float: left; font-size: 28px; line-height: 35px; font-weight: 700; color: #ffffff; padding: 20px 20px 20px 20px; background: rgba(21, 158, 192, 1.0); border-radius: 0px;}
  .anotace-slider {float: left; width: 100%; font-size: 19px; font-weight: 450; line-height: 24px; color: #ffffff; padding: 15px 0px 0px 0px;}
  .horni-mezera-slider {height: 330px;}
  .rozstrel-mezera {height: 80px;}
  
  #myVideo { position: relative; right: 0; top: 91px; /* min-width: 100%;  min-height: 100%; */ }
  .content-video { position: relative; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .video-text {position: absolute; width: 80%; padding: 0% 10% 0% 10%; top: 46%; left: 50%; transform: translate(-50%, -50%);}
  .nadpis-video {float: left; width: 100%; font-size: 26px; line-height: 30px; font-weight: 600; padding-bottom: 20px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .anotace-video {float: left; width: 100%; font-size: 20px; font-weight: 300; line-height: 24px; color: #ffffff; text-shadow: 2px 2px 5px #000000;}
  .mezera-video {height: 40px;}
  
  .tlacitko-modre {color: #ffffff; font-size: 18px; line-height: 18px; background: #159ec0; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre:hover {color: #ffffff; font-size: 18px; line-height: 18px; background: #0c86a4; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-zlute {color: #ffffff; font-size: 18px; line-height: 18px; background: #fecc09; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-zlute:hover {color: #ffffff; font-size: 18px; line-height: 18px; background: #e0b304; border: 1px solid #fecc09; border-radius: 22px; padding: 12px 40px 12px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-bile-stredni {color: #fecc09; font-size: 18px; line-height: 18px; background: #ffffff; border: 1px solid #ffffff; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-bile-stredni:hover {color: #fecc09; font-size: 18px; line-height: 18px; background: #fdf5d6; border: 1px solid #fdf5d6; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre-stredni {float: left; color: #ffffff; font-size: 18px; line-height: 18px; background: #159ec0; border: 1px solid #159ec0; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .tlacitko-modre-stredni:hover {float: left; color: #ffffff; font-size: 18px; line-height: 18px; background: #098fb0; border: 1px solid #098fb0; border-radius: 22px; padding: 8px 40px 8px 40px; text-decoration: none; margin-bottom: 10px;}
  .text-novinka {color: #014781; font-size: 19px; line-height: 23px; font-weight: 450;}
  .text-citat {color: #000000; font-size: 20px; line-height: 26px; font-weight: 450;}
  .nadpis-upoutavka-modra {float: left; font-size: 26px; max-width: 300px; line-height: 33px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(24, 88, 140, 1.0); border-radius: 0px;}
  .nadpis-upoutavka-zluta {float: left; font-size: 26px; max-width: 486px; line-height: 33px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(254, 204, 9, 0.8); border-radius: 0px;}
  .nadpis-upoutavka-zluta:hover {float: left; font-size: 26px; max-width: 486px; line-height: 33px; font-weight: 450; color: #ffffff; padding: 30px 25px 25px 25px; background: rgba(254, 204, 9, 1.0); border-radius: 0px; text-decoration: none;}
  .slider-bgimage-pos {background-position: top right -510px;}
} 

.menu-item-div       {float: left; height: 49px;}
.menu-item-div:hover {float: left; height: 49px; border-bottom: solid 3px #ffffff;}

.responsive {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 24.99999%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.responsive-1 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-2 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-3 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-4 {width: 24.25%; margin: 0% 0% 0% 0%;}

.responsive-article-1 {width: 31%; margin: 0% 3.5% 0% 0%;}
.responsive-article-2 {width: 31%; margin: 0% 3.5% 0% 0%;}
.responsive-article-3 {width: 31%; margin: 0% 0% 0% 0%;}

@media only screen and (max-width: 700px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}

@media only screen and (max-width: 500px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}