/* CSS Document */

/* bxslider - full sceen */ 

body, html{
    height: 100%; 
} 


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

/* */  

div {
  text-align: left;
  font-family: "Lexend", sans-serif;
  font-size: 15px;
  line-height: 28px;
  color: #161922;
  font-weight: 300;
}

td {
    line-height: 28px;
    font-family: "Lexend", sans-serif;
    font-size: 15px;
    color: #161922;
    font-weight: 300;
   }

ul { margin: 0px 20px 0px 0px; }
   
.offer-text ul {margin: 15px 20px 0px 0px;}
.offer-text li {list-style-position: circle; /* list-style-image: url('../../../Image/user_img/valbekjob_com/obecne/li.png'); */ list-style-type: circle; padding: 0px 20px 5px 10px;}
   
.stred {margin: 0px auto;}

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

.tlacitko-bila-linka {color: #ffffff; font-size: 17px; line-height: 17px; border: 1px solid #ffffff; background-color: transparent; padding: 9px 32px 9px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.tlacitko-bila-linka:hover {color: #ffffff; font-size: 17px; line-height: 17px; background-color: transparent; border: 1px solid #ffffff; padding: 9px 32px 9px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400; }

.tlacitko-cerne {color: #ffffff; font-size: 17px; line-height: 17px; border: 1px solid #000000; background-color: #000000; padding: 9px 32px 9px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.tlacitko-cerne:hover {color: #ffffff; font-size: 17px; line-height: 17px; background-color: #000000; border: 1px solid #000000; padding: 9px 32px 9px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400; }

.text-paticka {color: #161922; text-transform: uppercase; font-size: 15px; line-height: 24px;}
.nadpis-paticka {color: #161922; text-transform: uppercase; font-size: 20px; line-height: 20px; font-weight: 600; padding-bottom: 14px;}
.odkaz-paticka {float: left; clear: both; color: #161922; text-transform: uppercase; font-size: 15px; line-height: 18px; padding-right: 40px; padding-bottom: 15px;}
.odkaz-paticka:hover {float: left; clear: both; color: #161922; text-transform: uppercase;font-size: 15px; line-height: 18px; padding-right: 40px; padding-bottom: 15px;}

.text-bily {color: #ffffff;}

/* menu vyjizdeci*/
.dropdown-valbek {
  position: relative;
  display: inline-block;
   height: 50px;
}

.dropdown-valbek-content {
  position: absolute;
  left: -500px;
  top: 20px;
  background-color: #ffffff;
  float: left;
  height: 500px;
  width: 976px;
  padding: 20px 70px 20px 70px;
  z-index: 1000;
  border-top: 3px #000000 solid;
  margin-top: 50px;
  display: none;
  flex-wrap: wrap; /* když není místo, vnořené divy se posouvají vedle */
  flex-direction: column; /* vnořené divy jsou zpočátku pod sebou */
  overflow: hidden;
  opacity: 1;
}

.dropdown-valbek-content-item {
  float: left;
  width: 400px;
  
  
  font-size: 16px;
}

.dropdown-valbek:hover .dropdown-valbek-content {
  display: flex; /* block */
} 
/**/   

/* 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: 0px; top: 50px;}
  /*.logo a:before {content: url('../../../Image/user_img/valbekjob_com/obecne/logo.png'); }*/
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 45px;} 
  .menu-item {font-weight: 300; font-size: 16px; color: #1d1d1b;}
  .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;}
}                        
/* tablet */                 
@media screen and (min-width:1050px) and (max-width:1299px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: orange;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 50px;}
  /*.logo a:before {content: url('../../../Image/user_img/valbekjob_com/obecne/logo.png'); }*/
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 45px;} 
  .menu-item {font-weight: 300; font-size: 16px; color: #1d1d1b;}
  .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: none;}     
}
/* mobile */
@media screen and (min-width:0px) and (max-width:1049px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: red;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 50px;}
  /*.logo a:before {content: url('../../../Image/user_img/valbekjob_com/obecne/logo.png'); }*/ 
  .logo img {width: 245px;} 
  .menu-carky {float: right; position: relative; margin-top: 50px; margin-right: 20px;}
  .menu {float: right; display: none;}
  .menu-item { color: #1d1d1b;}
  .menu-mobile {float: right; width: 100%; display: block; margin-top: 25px;}
  .menu-mezera {}
  .menu-mezera-big {}
  .pod-menu {display: none;}
}

/* desktop */
@media screen and (min-width:1300px) {
  .rectangle {float: left; width: 7px; height: 17px; background: green;}
  .obsah {width: 100%;}
  .hlavni {max-width: 1178px; width: 100%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;} 
  .nadpis {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase;}
  .nadpis-offer {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .input-control option {height: 34px; width: 280px; padding: 8px 6px 16px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 480px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; padding: 8px 6px 6px 25px;}
  .select-control-option {height: 34px; width: 280px; padding: 8px 6px 6px 25px; border: none; font-size: 14px; }
  .nadpis-home-slider {font-size: 75px; line-height: 80px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 50px; font-weight: 450; color: #000000; padding: 0px 0px 4px 0px; text-transform: uppercase;}
  .anotace-home-slider p {}
  .mobile-no {} 
  .mobile {display: none;}
  .offer-home-1 {float: left; width: 70%; margin: 0% 0% 0% 0%;}
  .offer-home-2 {float: right; width: 30%; margin: 0% 0% 0% 0%;}
  .offer-home-2-company {float: left; position: relative; border: 3px solid #000000; width: 84%; padding: 8% 8% 6% 8%;}
  .nadpis-home-company {font-size: 18px; font-weight: 450; line-height: 28px; padding-bottom: 30px; text-transform: uppercase;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 35%; height: 170px; margin: 0% 3% 3% 0%; padding: 4.5% 5% 4.5% 5%;}
  .offer-home-1-odkazy {font-size: 16px; font-weight: 300; line-height: 20px; text-transform: uppercase;}
  .offer-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-2 {float: right; width: 75%; margin: 0% 0% 0% 0%;}
  .offer-menu-item {margin-top: 3px;}
  .offer-menu-item-a {font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-detail-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-detail-2 {float: right; width: 70%; margin: 0% 0% 0% 0%; background: #ffffff; padding: 4% 4% 4% 4%;}
  .offer-detail-c1 {float: left; width: 30%;}
  .offer-detail-c2 {float: right; width: 65%;}
  .offer-detail-nadpis {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 30px;}
  h2 {float: left; width: 100%; margin: 20px 0px 10px 0px; line-height: 28px; font-family: "Lexend", sans-serif; font-size: 18px; color: #161922; font-weight: 700;}
  .offer-text {}
  .nadpis-stredni {font-size: 45px; font-weight: 600; line-height: 45px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 5px solid #000000;}
  .table-3-sloupce-obory {width: 28%; margin: 0% 1% 0% 1%; padding: 0% 1.5% 0% 1.5%;}
  .nadpis-main-img {font-size: 65px; line-height: 65px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-main-img p {}
  .o-nas-stavby-home-1 {float: left; width: 45%; margin: 0% 0% 0% 0%;}
  .o-nas-stavby-home-2 {float: right; width: 45%; margin: 130px 0% 0% 0%;} 
  .o-nas-stavby-home-1-a {float: left; width: 100%;}
  .o-nas-stavby-home-1-b {float: left; width: 86%; position: relative; padding: 7% 7% 7% 7%; background: #000000;}
  .o-nas-stavby-home-1-nadpis {position: absolute; left: 48px; top: 68px; font-size: 48px; font-weight: 600; line-height: 48px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000000;}
  .table-2-sloupce-na-stred {width: 42%; margin: 0px 4% 0px 4%;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; display: flex; justify-content: center; align-items: center;}
  .nadpis-maly {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 2px; margin-bottom: 8px; text-transform: uppercase; border-left: 5px solid #000000; padding-left: 10px;}
  .nadpis-maly-bez-carky {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 10px; text-transform: uppercase;}
  .table-home-company {}
  .table-home-company img {}
}                        
/* 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 35px 0px 35px;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;} 
  .nadpis {float: left; width: 100%; font-size: 24px; font-weight: 600; line-height: 28px; padding-bottom: 20px; text-transform: uppercase;}
  .nadpis-offer {float: left; width: 100%; font-size: 18px; font-weight: 600; line-height: 22px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 18px; font-weight: 600; line-height: 22px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 400px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .nadpis-home-slider {font-size: 75px; line-height: 70px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 50px;  font-weight: 450; color: #000000; padding: 0px 0px 4px 0px; text-transform: uppercase;}
  .anotace-home-slider p {}
  .mobile-no {} 
  .mobile {display: none;}
  .offer-home-1 {float: left; width: 70%; margin: 0% 0% 0% 0%;}
  .offer-home-2 {float: right; width: 30%; margin: 0% 0% 0% 0%;}
  .offer-home-2-company {float: left; position: relative; border: 3px solid #000000; width: 84%; padding: 8% 8% 6% 8%;}
  .nadpis-home-company {font-size: 14px; font-weight: 450; line-height: 18px; padding-bottom: 30px; text-transform: uppercase;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 35%; height: 170px; margin: 0% 3% 3% 0%; padding: 4.5% 5% 4.5% 5%;}
  .offer-home-1-odkazy {font-size: 13px; font-weight: 300; line-height: 16px; text-transform: uppercase;}
  .offer-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-2 {float: right; width: 75%; margin: 0% 0% 0% 0%;}
  .offer-menu-item {margin-top: 3px;}
  .offer-menu-item-a {font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-detail-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-detail-2 {float: right; width: 70%; margin: 0% 0% 0% 0%; background: #ffffff; padding: 4% 4% 4% 4%;}
  .offer-detail-c1 {float: left; width: 30%;}
  .offer-detail-c2 {float: right; width: 65%;}
  .offer-detail-nadpis {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 30px;}
  h2 {float: left; width: 100%; margin: 20px 0px 10px 0px; line-height: 28px; font-family: "Lexend", sans-serif; font-size: 18px; color: #161922; font-weight: 700;}
  .offer-text {}
  .nadpis-stredni {font-size: 45px; font-weight: 600; line-height: 45px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 5px solid #000000;}
  .table-3-sloupce-obory {width: 28%; margin: 0% 1% 0% 1%; padding: 0% 1.5% 0% 1.5%;}
  .nadpis-main-img {font-size: 45px; line-height: 52px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-main-img p {}
  .o-nas-stavby-home-1 {float: left; width: 45%; margin: 0% 0% 0% 0%;}
  .o-nas-stavby-home-2 {float: right; width: 45%; margin: 130px 0% 0% 0%;} 
  .o-nas-stavby-home-1-a {float: left; width: 100%;}
  .o-nas-stavby-home-1-b {float: left; width: 86%; position: relative; padding: 7% 7% 7% 7%; background: #000000;}
  .o-nas-stavby-home-1-nadpis {position: absolute; left: 48px; top: 68px; font-size: 48px; font-weight: 600; line-height: 48px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000000;}
  .table-2-sloupce-na-stred {width: 42%; margin: 0px 4% 0px 4%;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; display: flex; justify-content: center; align-items: center;}
  .nadpis-maly {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 2px; margin-bottom: 8px; text-transform: uppercase; border-left: 5px solid #000000; padding-left: 10px;}
  .nadpis-maly-bez-carky {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 10px; text-transform: uppercase;}
  .table-home-company {}
  .table-home-company img {width: 50%;}
}
/* 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-4-sloupce {width: 90%; margin: 0px 5% 0px 5%;} 
  .nadpis {float: left; width: 100%; font-size: 24px; font-weight: 600; line-height: 28px; padding-bottom: 20px; text-transform: uppercase;}
  .nadpis-offer {float: left; width: 100%; font-size: 20px; font-weight: 600; line-height: 25px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 20px; font-weight: 600; line-height: 25px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 280px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .nadpis-home-slider {font-size: 60px; line-height: 55px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 50px;  font-weight: 450; color: #000000; padding: 0px 0px 4px 0px; text-transform: uppercase;}
  .anotace-home-slider p {}
  .mobile-no {display: none;} 
  .mobile {}
  .offer-home-1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-home-2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-home-2-company {float: left; position: relative; border: 3px solid #000000; width: 84%; padding: 8% 8% 6% 8%;}
  .nadpis-home-company {font-size: 18px; font-weight: 450; line-height: 28px; padding-bottom: 30px; text-transform: uppercase;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 90%; margin: 0px 0px 20px 0px; clear: both; height: 170px; padding: 5% 5% 5% 5%;}
  .offer-home-1-odkazy {font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-menu-item {margin-top: 3px;}
  .offer-menu-item-a {font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-detail-1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-c1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-c2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-nadpis {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 30px;}
  h2 {float: left; width: 100%; margin: 20px 0px 10px 0px; line-height: 28px; font-family: "Lexend", sans-serif; font-size: 18px; color: #161922; font-weight: 700;}
  .offer-text {}
  .nadpis-stredni {font-size: 45px; font-weight: 600; line-height: 45px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 5px solid #000000;}
  .table-3-sloupce-obory {width: 80%; margin: 0px 5% 0px 5%; clear: both; padding: 5% 5% 5% 5%;}
  .nadpis-main-img {font-size: 45px; line-height: 52px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-main-img p {}
  .o-nas-stavby-home-1 {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .o-nas-stavby-home-2 {float: left; width: 90%; margin: 40px 5% 0px 5%; clear: both;} 
  .o-nas-stavby-home-1-a {float: left; width: 100%;}
  .o-nas-stavby-home-1-b {float: left; width: 86%; position: relative; padding: 7% 7% 7% 7%; background: #000000;}
  .o-nas-stavby-home-1-nadpis {position: absolute; left: 48px; top: 68px; font-size: 48px; font-weight: 600; line-height: 48px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000000;}
  .table-2-sloupce-na-stred {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; }
  .nadpis-maly {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 2px; margin-bottom: 8px; text-transform: uppercase; border-left: 5px solid #000000; padding-left: 10px;}
  .nadpis-maly-bez-carky {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 10px; text-transform: uppercase;}
  .table-home-company {}
  .table-home-company img {width: 50%;}
} 

.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%;}

@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%;}
}