/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
@media (max-width: 991.98px) {
.grid-articles .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a{
    font-size: 14px;
    line-height: 16px;
}
.responsive {
  width: 100% !important;
  max-width: 400px !important;
  height: 100% !important;
}
#width3.booked-wzs-250-175 {
   width:300px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
  
.grid-articles:not(.post-carousel) .post-entry:first-child { width: 100% !important; }
  .inspiro-slider .container { padding-left: 40px; padding-right: 40px; padding-top: 200px !important; }
  .inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 { font-size: 20px!important; line-height: 22px!important; margin-bottom: 14px; }

}

.weather-customize{ 
    background-color:#137AE9; 
    width:430px; }