@media only screen and (min-device-width : 320px) and (max-device-width : 812px) {
.logo-holder{
    width: 135px;
    margin: 0 auto;
}

#top-section p{
    text-align:center;
    margin:13px 0 0 0;
}
.topbar img{
    width:135px;
}
.logo {
    width: 100%;
    padding:20px 0 20px 0;
}
.zoe-logo{
    width:110px;
}
.womennow-logo {
    margin: 35px 0 0 0;
}
.image-col{
    width:100%;
    margin: 0 auto 30px auto;
}
.row .col-sm-6{
	margin-bottom:40px;
}
.row {
    margin-bottom: 0;
}
.header-text {
    color: #000;
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
}
.header-col{
    width: 65%;
    margin: 0 auto 30px auto;
}
.countdown {
    font-size: 28px;
    color: black;
}
#tab-products ul li {
    width: 50%!important;
    padding: 0 15px 0 15px;
    margin-bottom: 20px;
}
#tab-products .last-li{
   margin-bottom:0px; 
}
.email-input {
    width: 100%;
    margin-bottom:10px;
}
.submit-button{
    width:100%;
}
.modal-dialog.modal-lg{
    width:100%;
}
.modal-body iframe{
    width:100%;
}
.modal-body{
    padding:0;
}
.modal-header{
    padding-bottom:0px;
}
.percentage {
    margin-top: 15px;
}
.goodie-bag {
    margin: 0 auto 0 auto;
    width: 90%;
}
#womennights form input, #womennights form button {
    width: 100%;
}
#womennights .prijava-text {
    width: 100%;
}
.sub-result {
    width: 70%;
}

}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
.logo-holder{
    width: 135px;
    margin: 0 auto;
}

#top-section p{
    text-align:center;
    margin:13px 0 0 0;
}
.topbar img{
    width:135px;
}
.logo {
    width: 100%;
    padding:20px 0 20px 0;
}
.zoe-logo{
    width:110px;
}
.womennow-logo {
    margin: 35px 0 0 0;
}
.image-col{
   width: 43%;
   margin: 0 auto 30px auto;
}
.row .col-sm-6{
	margin-bottom:40px;
}
.row {
    margin-bottom: 0;
}
.header-text {
    color: black;
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
}
.header-col{
    width: 65%;
    margin: 0 auto 30px auto;
}
.countdown {
    font-size: 28px;
    color: black;
}
#tab-products ul li {
    width: 50%!important;
    padding: 0 15px 0 15px;
    margin-bottom: 20px;
}
#tab-products .last-li{
   margin-bottom:0px; 
}
.email-input {
    width: 100%;
    margin-bottom:10px;
}
.submit-button{
    width:100%;
}
.modal-dialog.modal-lg{
    width:100%;
}
.modal-body iframe{
    width:100%;
}
.modal-body{
    padding:0;
}
.modal-header{
    padding-bottom:0px;
}
.percentage {

}
.goodie-bag {
    margin: 0 auto 0 auto;
    width: 90%;
}
#womennights form input, button {
    width: 100%;
}
#womennights .prijava-text {
    width: 100%;
}
.sub-result {
    width: 70%;

}
}

@media only screen and (max-device-width : 544px) {

    #tab-products ul li {
    width: 100%!important;
    padding: 0 15px 0 15px;
    margin-bottom: 20px;
}

.percentage-holder {

    
    margin-top: -60px;

}

    }