*{
    margin: 0 auto;
}
#phobs_book form {
    display: inline;    
font-size: 20px;
}
#phobs_book a {
    color: #333e48;
    font-family: Gotham, Gotham-Light;

}
#phobs_book p {
    color: #333e48;
    font-family: Gotham, Gotham-Light;
font-weight: bold;
font-size: 20px;

}

#phobs_book{
    width: 80%;
    height: 82px;
margin-bottom: 30px;
    margin-left: 250px;
    padding: 1px;
    background-color: #d8d2c4;	
    padding-top: 35px;
padding-left: 0px;
text-align: center;
    color: #333e48;
    font-family: Gotham, Gotham-Light;
    border-radius: 4px;

 
}
.button{
    -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px#333e48;
   -webkit-padding-end: 0px;
   -webkit-padding-start: 0px;
   -webkit-user-select: none;
   background-color: #333e48;
   font-family: Gotham, Gotham-Light;
   color: #d8d2c4;
   width: 10%;
   border: 1px solid #333e48;
   border-radius: 4px;
   height: 40px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
margin-bottom: 21px;
font-size: 20px;
}
#phobs_book select {

    width: 7%;
    height: 40px;
    border: 2px solid #333e48;
    border-radius: 4px;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px #333e48;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#333e48, #333e48 40%, #333e48);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #333e48;
    color: #d8d2c4;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0px 0px;
    white-space: nowrap;
    text-align-last:center;
    padding-right: 29px;
    direction: rtl;
text-align: center;
    font-weight: bold;
font-size: 20px;
 }
 #phobs_book select option {
     color:  #333e48;
 }
#noc select{
    width: 10px;
}
.booking_naslov{
    text-align: center;
    margin-left: 10px;
}
.naslov {
    padding-left: 20px;
    display: inline;
vertical-align: super;
font-weight: bold;

}
.naslov1{
    display: inline;
    padding-bottom: 70px;
}
.naslov2{
font-weight: bold;
font-size: 20px;
}
.access_code{
    display: inline;
    width: 9%;
    height: 30px;
    border: 2px solid #333e48;
    border-radius: 4px;
margin-bottom: 20px;
    font-weight: bold;
}



@media (max-width: 425px) {
#phobs_book{
	display: table-row;
	width: 150px;
font-size: 10px;

    margin-left: 100px;
    padding: 5px;
    background-color: #d8d2c4;	
    padding-top: 35px;
padding-left: 50px;
text-align: center;
    color: #333e48;
    font-family: Gotham, Gotham-Light;
    border-radius: 4px;

}

#phobs_book select{
	display: inline;
	width: 60px;
font-size: 12px;
padding-right: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
margin-right: 10px;
}
#phobs_book p{
	display: table-row;
font-size: 15px;
}
.button{
width: 80px;
display: table-row;
font-size: 10px;
}
.naslov2{
font-weight: bold;
font-size: 15px;
}
.access_code{
    display: inline;
    width: 60%;
    height: 30px;
    border: 2px solid #333e48;
    border-radius: 4px;
margin-bottom: 20px;
    font-weight: bold;
}


}


@media (max-width: 768px){
*{
    margin: 0 auto;
}
#phobs_book form {
    display: inline;    
font-size: 15px;
margin-left: 100px;

}
#phobs_book a {
    color: #333e48;
    font-family: Gotham, Gotham-Light;

}
#phobs_book p {
    color: #333e48;
    font-family: Gotham, Gotham-Light;
font-weight: bold;
font-size: 15px;

}

#phobs_book{
    width: 100%;
    height: 130px;
margin-bottom: 30px;
    margin-left: 100px;
    padding: 0x;
    background-color: #d8d2c4;	
    padding-top: 35px;
padding-left: 0px;
text-align: center;
    color: #333e48;
    font-family: Gotham, Gotham-Light;
    border-radius: 4px;

 
}
.button{
    -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px#333e48;
   -webkit-padding-end: 0px;
   -webkit-padding-start: 0px;
   -webkit-user-select: none;
   background-color: #333e48;
   font-family: Gotham, Gotham-Light;
   color: #d8d2c4;
   width: 15%;
   border: 1px solid #333e48;
   border-radius: 4px;
   height: 30px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
margin-bottom: 21px;
font-size: 15px;
}
#phobs_book select {

    width: 20%;
    height: 30px;
    border: 2px solid #333e48;
    border-radius: 4px;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px #333e48;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#333e48, #333e48 40%, #333e48);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #333e48;
    color: #d8d2c4;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0px 0px;
    white-space: nowrap;
    text-align-last:center;
    padding-right: 30px;
text-align: center;
    font-weight: bold;
font-size: 15px;
 }
 #phobs_book select option {
     color:  #333e48;
 }
#noc select{
    width: 10px;
}
.booking_naslov{
    text-align: center;
    margin-left: 10px;
}
.naslov {
    padding-left: 20px;
    display: inline;
vertical-align: super;
font-weight: bold;

}
.naslov1{
    display: inline;
    padding-bottom: 70px;
}
.naslov2{
font-weight: bold;
font-size: 15px;
}
.access_code{
    display: inline;
    width: 15%;
    height: 25px;
    border: 2px solid #333e48;
    border-radius: 4px;
margin-bottom: 15px;
    font-weight: bold;
}

}

@media (max-width: 1024px){
*{
    margin: 0 auto;
}
#phobs_book form {
    display: inline;    
font-size: 15px;
}
#phobs_book a {
    color: #333e48;
    font-family: Gotham, Gotham-Light;

}
#phobs_book p {
    color: #333e48;
    font-family: Gotham, Gotham-Light;
font-weight: bold;
font-size: 15px;

}

#phobs_book{
    width: 100%;
    height: 130px;
margin-bottom: 30px;
    margin-left: 45px;
    padding: 0x;
    background-color: #d8d2c4;	
    padding-top: 35px;
padding-left: 0px;
text-align: center;
    color: #333e48;
    font-family: Gotham, Gotham-Light;
    border-radius: 4px;

 
}
.button{
    -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px#333e48;
   -webkit-padding-end: 0px;
   -webkit-padding-start: 0px;
   -webkit-user-select: none;
   background-color: #333e48;
   font-family: Gotham, Gotham-Light;
   color: #d8d2c4;
   width: 35%;
   border: 1px solid #333e48;
   border-radius: 4px;
   height: 30px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
margin-bottom: 21px;
font-size: 15px;
}
#phobs_book select {

    width: 27%;
    height: 30px;
    border: 2px solid #333e48;
    border-radius: 4px;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px #333e48;
    -webkit-padding-end: 0px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#333e48, #333e48 40%, #333e48);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #333e48;
    color: #d8d2c4;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0px 0px;
    white-space: nowrap;
    text-align-last:center;
    padding-right: 15px;
text-align: center;
    font-weight: bold;
font-size: 15px;
 }
 #phobs_book select option {
     color:  #333e48;
 }
#noc select{
    width: 10px;
}
.booking_naslov{
    text-align: center;
    margin-left: 10px;
}
.naslov {
    padding-left: 20px;
    display: inline;
vertical-align: super;
font-weight: bold;

}
.naslov1{
    display: inline;
    padding-bottom: 70px;
}
.naslov2{
font-weight: bold;
font-size: 15px;
}
.access_code{
    display: inline;
    width: 30%;
    height: 25px;
    border: 2px solid #333e48;
    border-radius: 4px;
margin-bottom: 15px;
    font-weight: bold;
}

}