@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?pkhoxm');
  src:  url('fonts/icomoon.eot?pkhoxm#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pkhoxm') format('truetype'),
    url('fonts/icomoon.woff?pkhoxm') format('woff'),
    url('fonts/icomoon.svg?pkhoxm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-accuweather_header_logo:before {
  content: "\e900";
}
.setMarginLeft{margin-left: -160px !important; }
.weatherinnerbox{ padding: 10px; float:right !important;}
.crwether{text-transform: uppercase;text-align:left;font-size:14px; font-weight:bold}
.temp{font-size:22px}
.deg{font-size: 16px}
.setNopadding{padding: 0px !important}
.humtext{}
.temptext{}
.bottomText{text-align: center;}
.uperText{text-align: center;font-size:14px; font-weight:bold;text-transform: uppercase;}
.set_icon-thr{color:#FF897F;}
.set_icon-hum{color:#61A0D7}
.set_icon-clock{color:#db1853 }
.set_icon-weth{color:#F05514;font-size: 46px}
/*@media screen and (max-width: 3000px) and (min-width: 2099px) {
    .box3{width:110px}
    .box2{width:110px}
    .box0{width:350px;}
    .weatherbox {
      margin-left: 75%;
      }
}*/

@media screen and (max-width: 2100px) and (min-width: 1900px) {
    .box3{width:110px}
    .box2{width:110px}
    .box0{width:350px;}
    .weatherbox {
      margin-left: 75%;
      }
}

@media screen and (max-width: 1900px) and (min-width: 1750px) {
    .box3{width:110px}
    .box2{width:110px}
    .box0{width:350px;}
    .weatherbox {
        margin-left: 72%;
     }
}

@media screen and (max-width: 1749px) and (min-width: 1450px) {
  .box3{width:110px}
  .box2{width:110px}
  .box0{width:350px;}
  .weatherbox {
        margin-left: 68%;
  }
}

@media screen and (max-width: 1449px) and (min-width: 1300px) {
    .box3{}
    .box2{}
    .box1{}
    .weatherbox {
        margin-left: 64%;
     }
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .box3{}
    .box2{}
    .box1{}
    .weatherbox {
        margin-left: 60%;
     }
}

@media screen and (max-width: 1199px) and (min-width: 999px) {
    .box3{}
    .box2{}
    .box1{}
    .weatherbox {
        margin-left:55%;
     }
}

@media screen and (max-width: 998px) and (min-width: 799px) {
    .box3{}
    .box2{}
    .box1{}
    .weatherbox {
        margin-left:50%;
     }
}

@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px) {
    .box3{width:110px; float: left !important;}
    .box2{width:110px;float: left !important;}
    .box0{width:300px;float: left !important;}
    .box1{float: left !important;}
    

 /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px) { 
.box3{width:110px}
    .box2{width:110px}
    .box0{width:320px;}
    
     /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { 
   .box3{width:110px}
    .box2{width:110px}
    .box0{width:350px;}
    
 }
@media (min-width:1281px) { 
 .box3{width:110px}
 .box2{width:110px}
 .box0{width:350px;}
 
}