/*------------------------------------------
Document : responsive.css (Style Sheet)
Dated :  April 2018
Developer : Antony Yesudas
Company : Rosse Immobilien Co. Ltd., Thailand
Purpose : Mobile Resposive styles for Showaces+
-------------------------------------------*/


/*__________________________________ LARGE SCREENS ________________________________________*/


@media only screen and (max-width: 1920px) {
  .booking-calendar i,
  .booking-calendar b,
  .booking-calendar em{
     /*width: 18px;*/
  }
}

@media only screen and (max-width: 1600px) {
  .booking-calendar i,
  .booking-calendar b,
  .booking-calendar em{
    /*width: 15px;*/
	padding: 3px 2px;
  }
}

@media only screen and (max-width: 1440px) {
  .header-container ul.menu li {
    padding: 5px 7px;
  }
  .booking-calendar i,
  .booking-calendar b,
  .booking-calendar em{
    width: 13.5px;
  }
}

@media only screen and (max-width: 1366px) {
  .header-container ul.menu li {
    padding: 5px 5px;
  }
  .booking-calendar i,
  .booking-calendar b,
  .booking-calendar em{
    width: 12.8px;
  }
}


/*__________________________________ DESKTOPS ________________________________________*/

@media (max-width: 1200px) {
  
  body {
    border-left:0px solid orange;
  }
  
  #block-simplenewssubscription label {
     width: 42%;
  }
  
  #block-simplenewssubscription #edit-mail-0-value {
    width: 56%;
  }

  .break-desk {
    float:none; width:auto;
  }

  .hide-desk {
    display:none;
  }
}

@media (max-width: 1020px) {
  
}



/*__________________________________ IPAD/TABLET ________________________________________*/

@media only screen and ( max-width: 990px)
{
  body {
    border-left:0px solid yellow;
  }
  
  .header__section ul.menu {
    padding:25px 0px 5px 0px;
  }
  
  input#edit-subscribe {
    padding: 15px 12px;
  }
  
  .break-ipad {
    float:none; width:auto;
  }

  .hide-ipad{
    display:none;
  }
}


/*__________________________________ SMART PHONES _______________________________________*/

@media only screen and ( max-width: 767px) 
{
  body {
    border-left:0px solid green;
  }

  #block-simplenewssubscription .form-actions {
    width:auto;
  }
  
  #block-simplenewssubscription label {
     width: auto;
  }
  
  #block-simplenewssubscription #edit-mail-0-value {
    width: 100%;
  }

  .break-smart {
    float:none; width:auto;
  }

  .hide-smart{
    display:none;
  }	
}



/*__________________________________ MINI MOBILES ________________________________________*/

@media only screen and (max-width: 480px) {
  body {
    border-left:0px solid blue;
  }

  .break-mini {
    float:none; width:auto;
    display:block;
  }

  .hide-mini{
    display:none;
  }	
}


/*________________________________ TINY DEVICES ______________________________________*/

@media only screen and (max-width: 320px)
{
	
}