.logo_top img{ position: absolute;margin-left: 0;margin-right: 0;z-index: 15; }
.logo2 {display: none; width:10%!important;}
.logo_top {
    display: block;
    /*max-width: 300px; */
    left: 0%;
    margin: 0 auto;
    /*width: 90%;*/

}
.last {border-right:none!important;}

@media ( min-width:2550px) and ( max-width:3840px){
   #menu1 { margin-left:28%; }

  .logo_top { height: 50px;}
  .logo_top img {width:11%;}
  .slider-free {height:350px;}
  a:hover, a:focus { color: #141415; text-decoration: underline; }
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
  text-decoration: none; background-color: #1c8cdc; outline: 0;}
  .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {/* background-color: #eee; */ border-color: #FFFFFF; }
  .thumbs li{margin: 4px!important;}
  .nav { padding-right: 0;}
  .floatL{float: left;}
  .floatR{float: right;}
  .nav ul {  margin: 0px!important; padding: 0; float: right;}
  .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
  .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
  .dropdown-toggle ul.dropdown-menu{ display: block!important; }
  .nav li {
      margin: 0;
      padding-right:4px;
      padding-left:4px;
      padding-top:0px;
      border-right: 1px solid #ddd;
    }
    .nav a {
      margin: 0;
      padding: 0;
    }

    .nav a {
      text-decoration: none;
    }
    .caret{display: none!important;}
    .nav > ul > li {
      float: left;
      position: relative;
    }
    .nav > ul > li > a {
      color: #1c8cdc !important;
      font-size: 12px;
      font-weight: normal;
      line-height: 15px;
      padding: 11px 6px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
    }
    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul {
      opacity: 1;
      top: 40px;
      visibility: visible;
    }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li {
      position: relative;
      z-index:1000!important;
      padding: 0px;
    }
    .nav ul ul a {
      color: #000;
      background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {
      opacity: 1;
      left: 190px;
      visibility: visible;
    }
    .nav ul ul a:hover {
      color: #fff;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #fff;
      background-color: rgba(218, 218, 218, 0)!important;
      border-bottom:#fff;
      }
    .navbar-nav {margin: auto; border: 1px solid #dcdfe0;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}
}
@media ( min-width:1708px) and ( max-width:2549px){
   #menu1 { margin-left:28%; }
  .logo_top { height: 110px; padding-top: 10px; padding-bottom: 10px;}
  .logo_top img {width:40%;}
  .slider-free {height:350px;}
  a:hover, a:focus { color: #dcdfe0 !important; text-decoration: underline; }
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
  text-decoration: none; background-color: #1c8cdc; outline: 0;}
  .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {/* background-color: #eee; */ border-color: #FFFFFF; }
  .thumbs li{margin: 4px!important;}
  .nav { padding-right: 0;}
  .floatL{float: left;}
  .floatR{float: right;}
  .nav ul {  margin: 0px!important; padding: 0; float: right;}
  .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
  .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
  .dropdown-toggle ul.dropdown-menu{ display: block!important; }
  .nav li {
      margin: 0;
      padding-right:4px;
      padding-left:4px;
      padding-top:0px;
    border-right: 1px solid #ddd;
    }
    .nav a {
      margin: 0;
      padding: 0;
    }

    .nav a {
      text-decoration: none;
    }
    .caret{display: none!important;}
    .nav > ul > li {
      float: left;
      position: relative;
    }
    .nav > ul > li > a {
      color: #1c8cdc !important;
      font-size: 12px;
      font-weight: normal;
      line-height: 15px;
      padding: 11px 6px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
    }
    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul {
      opacity: 1;
      top: 40px;
      visibility: visible;
    }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li {
      position: relative;
      z-index:1000!important;
      padding: 0px;
    }
    .nav ul ul a {
      color: #000;
      background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {
      opacity: 1;
      left: 190px;
      visibility: visible;
    }
    .nav ul ul a:hover {
      color: #fff;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #fff;
      background-color: rgba(218, 218, 218, 0)!important;
      border-bottom:#fff;
      }
    .navbar-nav {  margin-left: 10%;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}
}

@media ( min-width:1367px ) and ( max-width:1707px ){
  #menu1 { margin-left:41%; }
  .logo_top { height: 105px;}
  .logo_top img { width:40%;}
  .slider-free {height:350px;}
  a:hover, a:focus { color: #141415; text-decoration: underline; }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
     text-decoration: none; background-color: #1c8cdc; outline: 0;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        /* background-color: #eee; */
        border-color: #FFFFFF;
    }
    .thumbs li{margin: 4px!important;}
    .nav { padding-right: 0;}
    .floatL{float: left;}
    .floatR{float: right;}
    .nav ul {  margin: 0px!important; padding: 0; float: right;}
    .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
    .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
    .dropdown-toggle ul.dropdown-menu{ display: block!important; }
    .nav li {
      margin: 0;
      padding-right:4px;
      padding-left:4px;
      padding-top:0px;
      border-right: 1px solid #ddd;
    }
    .nav a {
      margin: 0;
      padding: 0;
    }

    .nav a {
      text-decoration: none;
    }
    .caret{display: none!important;}
    .nav > ul > li {
      float: left;
      position: relative;
    }
    .nav > ul > li > a {
      color: #1c8cdc !important;
      font-size: 12px;
      font-weight: normal;
      line-height: 15px;
      padding: 11px 6px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
    }
    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul {
      opacity: 1;
      top: 40px;
      visibility: visible;
    }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li {
      position: relative;
      z-index:1000!important;
      padding: 0px;
    }
    .nav ul ul a {
      color: #000;
      background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {
      opacity: 1;
      left: 190px;
      visibility: visible;
    }
    .nav ul ul a:hover {
      color: #fff;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #fff; background-color: rgba(218, 218, 218, 0)!important;
      border-bottom:#fff;
      }
    .navbar-nav {margin: 0;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}

}
@media ( min-width: 1200px) and ( max-width: 1366px){
     #menu1 { margin-left:53%;}
    .logo_top  {height:90px;margin-top: 10px;margin-bottom: 10px;}
    .logo_top  img {width: 40%;}
    a:hover, a:focus { color: #141415; text-decoration: underline; }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
     text-decoration: none; background-color: #1c8cdc; outline: 0;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        /* background-color: #eee; */
        border-color: #FFFFFF;
    }
    .thumbs li{margin: 4px!important;}
    .nav { padding-right: 0;}
    .floatL{float: left;}
    .floatR{float: right; margin-right: 10px;}
    .nav ul {  margin: 0px!important; padding: 0; float: right;}
    .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
    .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
    .dropdown-toggle ul.dropdown-menu{ display: block!important; }
    .nav li {
      margin: 0;
      padding-top:0px;
      border-right: 1px solid #ddd;
    }
    .nav a { margin: 0; padding: 0; }
    .nav a { text-decoration: none; }
    .caret{display: none!important;}
    .nav > ul > li { float: left; position: relative;}
    .nav > ul > li > a {
      color: #4a442a !important;
      font-weight: normal;
      line-height: 53px;
 		padding: 5px 10px 0 10px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
      font-family: "Courier New", Courier, monospace; 
      text-align:center; 
      font-size:14px; 
      font-weight:bold; 
      -moz-box-shadow: inset 0 0 8px #595959 ;  -webkit-box-shadow: inset 0 0 8px #595959 ;
    }



    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul { opacity: 1; top: 40px; visibility: visible; }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li { position: relative; z-index:1000!important;  padding: 0px;}
    .nav ul ul a { color: #000; background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {  opacity: 1; left: 190px; visibility: visible;}
    .nav ul ul a:hover { color: #fff; }
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { 
     color: #fff; background-color: rgba(218, 218, 218, 0)!important;  border-bottom:#fff; }
    .navbar-nav {margin-left:10%;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}
}

@media ( min-width: 1153px) and (max-width: 1199px){
  #menu1 { margin-left:30%; }
  .slider-free {height:280px;}
  .logo_top { height: 70px;}
  /*home grid */
  .featured-area {height: 400px;}
  .featured-area-280 {height: 280px;}
  .grid-1 {width: 26.2%;height: auto;top: 0%;left: 0%;}
  .grid-2 {width:26.2%;height: auto;top: 59%;left:0%;}
  .grid-3 {width: 22.6%;height: auto;top: 0%;left:26.3%;}
  .grid-4 {width:26.6%;height: auto;top: 0%;left:49.1%;}
  .grid-5 {width:26.6%;height: auto;top:55.8%;left:49.1%;}
  .grid-6 {width:23.9%;height: auto;top:0%;left:75.89%;}
  .grid-7 {width: 50%;height: auto;top: 0%;left: 0;}
  .grid-8 {width:50%;height: auto;top: 0%;right:0;}

  a:hover, a:focus { color: #141415; text-decoration: underline; }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
     text-decoration: none; background-color: #1c8cdc; outline: 0;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        /* background-color: #eee; */
        border-color: #FFFFFF;
    }
    .thumbs li{margin: 4px!important;}
    .nav { padding-right: 0;}
    .floatL{float: left;}
    .floatR{float: right;}
    .nav ul {  margin: 0px!important; padding: 0; float: right;}
    .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
    .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
    .dropdown-toggle ul.dropdown-menu{ display: block!important; }
    .nav li {
      margin: 0;
      padding-right:4px;
      padding-left:4px;
      padding-top:0px;
      border-right: 1px solid #ddd;
    }
    .nav a {
      margin: 0;
      padding: 0;
    }

    .nav a {
      text-decoration: none;
    }
    .caret{display: none!important;}
    .nav > ul > li {
      float: left;
      position: relative;
    }
    .nav > ul > li > a {
      color: #1c8cdc !important;
      font-size: 12px;
      font-weight: normal;
      line-height: 15px;
      padding: 11px 6px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
    }
    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul {
      opacity: 1;
      top: 40px;
      visibility: visible;
    }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li {
      position: relative;
      z-index:1000!important;
      padding: 0px;
    }
    .nav ul ul a {
      color: #000;
      background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {
      opacity: 1;
      left: 190px;
      visibility: visible;
    }
    .nav ul ul a:hover {
      color: #fff;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #fff;
      background-color: rgba(218, 218, 218, 0)!important;
      border-bottom:#fff;
      }
    .navbar-nav {margin: 0;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}
}


@media (min-width: 1000px) and (max-width: 1152px) {
  #menu1 { margin-left:32%; }
  .slider-free {height:280px;}
 .logo_top img {width:50% }
  .logo_top {  height: 90px;
    margin-top: 10px;
    margin-bottom: 10px; }
/*home grid*/
.featured-area {min-width: 100%;margin: 0 auto;position: relative;margin-bottom:0px;height: 400px;}
.featured-area-280 {height: 280px;}
.grid-item-wrapper {list-style: none;margin: 0;padding: 0;display: block;}
.grid-item {display: block;position: absolute; overflow: hidden; padding-bottom: -4px!important; }
.grid-item img { width: 100%;}
.grid-1 {width: 26.2%;height: auto;top: 0%;left: 0%;}
.grid-2 {width:26.2%;height: auto;top: 59%;left:0%;}
.grid-3 {width: 22.6%;height: auto;top: 0%;left:26.3%;}
.grid-4 {width:26.6%;height: auto;top: 0%;left:49.1%;}
.grid-5 {width:26.6%;height: auto;top:55.8%;left:49.1%;}
.grid-6 {width:23.9%;height: auto;top:0%;left:75.89%;}
.grid-7 {width: 50%;height: auto;top: 0%;left: 0;}
.grid-8 {width:50%;height: auto;top: 0%;right:0;}
.right-top h2 { font-size: 25px;}

a:hover, a:focus { color: #141415; text-decoration: underline; }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
     text-decoration: none; background-color: #1c8cdc; outline: 0;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        /* background-color: #eee; */
        border-color: #FFFFFF;
    }
    .thumbs li{margin: 4px!important;}
    .nav { padding-right: 0;}
    .floatL{float: left;}
    .floatR{float: right;}
    .nav ul {  margin: 0px!important; padding: 0; float: right;}
    .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
    .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
    .dropdown-toggle ul.dropdown-menu{ display: block!important; }
    .nav li {
      margin: 0;
      padding-right:4px;
      padding-left:4px;
      padding-top:0px;
      border-right: 1px solid #ddd;
    }
    .nav a {
      margin: 0;
      padding: 0;
    }

    .nav a {
      text-decoration: none;
    }
    .caret{display: none!important;}
    .nav > ul > li {
      float: left;
      position: relative;
    }
    .nav > ul > li > a {
      color: #1c8cdc !important;
      font-size: 12px;
      font-weight: normal;
      line-height: 15px;
      padding: 11px 6px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
    }
    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul {
      opacity: 1;
      top: 40px;
      visibility: visible;
    }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li {
      position: relative;
      z-index:1000!important;
      padding: 0px;
    }
    .nav ul ul a {
      color: #000;
      background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {
      opacity: 1;
      left: 190px;
      visibility: visible;
    }
    .nav ul ul a:hover {
      color: #fff;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #fff;
      background-color: rgba(218, 218, 218, 0)!important;
      border-bottom:#fff;
      }
    .navbar-nav {margin: 0;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}
}

@media ( min-width: 995px ) and (max-width: 999px){
.logo_top img {left: 4%;width:15%;}
.slider-free {height:250px;}
#menu1 { margin-left:32%; }

.featured-area {  min-width: 100%; margin: 0 auto; position: relative; margin-bottom: 46px; }
.featured-area-280 { width: 100%; margin: 0 auto; position: relative; } 
.grid-item-wrapper {list-style: none;margin: 0;padding: 0;display: block;}
.grid-item {display: block;position: absolute;overflow: hidden;padding-bottom: -4px!important;}
.grid-item img {width: 100%;}
.grid-1 { width: 26.2%;height: auto;top: 0%;left: 0%;}
.grid-2 {width:26.2%;height: auto;top: 59%;left:0%;}
.grid-3 {width: 22.6%;height: auto;top: 0%;left:26.3%;}
.grid-4 {width:26.6%;height: auto;top: 0%;left:49.1%;}
.grid-5 {width:26.6%;height: auto;top:55.8%;left:49.1%;}
.grid-6 {width:23.9%;height: auto;top:0%;left:75.89%;}
.grid-7 { width: 50%;height: auto;top: 0%;left: 0;}
.grid-8 {width:50%;height: auto;top: 0%;right:0;}
.right-top h2 { font-size: 25px;}
  a:hover, a:focus { color: #141415; text-decoration: underline; }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
     text-decoration: none; background-color: #1c8cdc; outline: 0;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        /* background-color: #eee; */
        border-color: #FFFFFF;
    }
    .thumbs li{margin: 4px!important;}
    .nav { padding-right: 0;}
    .floatL{float: left;}
    .floatR{float: right;}
    .nav ul {  margin: 0px!important; padding: 0; float: right;}
    .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
    .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
    .dropdown-toggle ul.dropdown-menu{ display: block!important; }
    .nav li {
      margin: 0;
      padding-right:4px;
      padding-left:4px;
      padding-top:0px;
      border-right: 1px solid #ddd;
    }
    .nav a {
      margin: 0;
      padding: 0;
    }

    .nav a {
      text-decoration: none;
    }
    .caret{display: none!important;}
    .nav > ul > li {
      float: left;
      position: relative;
    }
    .nav > ul > li > a {
      color: #1c8cdc !important;
      font-size: 12px;
      font-weight: normal;
      line-height: 15px;
      padding: 11px 6px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
    }
    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul {
      opacity: 1;
      top: 40px;
      visibility: visible;
    }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li {
      position: relative;
      z-index:1000!important;
      padding: 0px;
    }
    .nav ul ul a {
      color: #000;
      background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {
      opacity: 1;
      left: 190px;
      visibility: visible;
    }
    .nav ul ul a:hover {
      color: #fff;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #fff;
      background-color: rgba(218, 218, 218, 0)!important;
      border-bottom:#fff;
      }
    .navbar-nav {margin: 0;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}
 }/*close 950*/

@media ( min-width: 980px ) and (max-width: 994px){
.logo_top img {left: 4%;width:10%;}
.slider-free {height:250px;} 
 #menu1 { margin-left:16%; }
.nav ul { padding: 15px;}
/*home grid */
.featured-area { min-width: 100%; margin: 0 auto; position: relative; margin-bottom: 46px;}
.featured-area-280 { width: 100%; margin: 0 auto; position: relative; height: 188px; }

.grid-item-wrapper {list-style: none;margin: 0;padding: 0;display: block;}
.grid-item { display: block;position: absolute;overflow: hidden;padding-bottom: -4px!important;}
.grid-item img {width: 100%;}
.grid-1 { width: 26.2%;height: auto;top: 0%;left: 0%;}
.grid-2 { width:26.2%;height: auto;top: 59%;left:0%;}
.grid-3 { width: 22.6%;height: auto;top: 0%;left:26.3%;}
.grid-4 { width:26.6%;height: auto;top: 0%;left:49.1%;}
.grid-5 { width:26.6%;height: auto;top:55.8%;left:49.1%;}
.grid-6 { width:23.9%;height: auto;top:0%;left:75.89%;}
.grid-7 {width: 50%;height: auto;top: 0%;left: 0;}
.grid-8 {width:50%;height: auto;top: 0%;right:0;}
.right-top h2 { font-size: 25px;}
a:hover, a:focus { color: #141415; text-decoration: underline; }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff;
     text-decoration: none; background-color: #1c8cdc; outline: 0;}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        /* background-color: #eee; */
        border-color: #FFFFFF;
    }
    .thumbs li{margin: 4px!important;}
    .nav { padding-right: 0;}
    .floatL{float: left;}
    .floatR{float: right;}
    .nav ul {  margin: 0px!important; padding: 0; float: right;}
    .main-wraper:before{width:100%;margin:0;padding:0;border-top:5px solid #999;}
    .navbar-nav:after {width:100%;margin:0;padding:0;border-top:0px solid #000;}
    .dropdown-toggle ul.dropdown-menu{ display: block!important; }
    .nav li {
      margin: 0;
      padding-right:4px;
      padding-left:4px;
      padding-top:0px;
      border-right: 1px solid #ddd;
    }
    .nav a {
      margin: 0;
      padding: 0;
    }

    .nav a {
      text-decoration: none;
    }
    .caret{display: none!important;}
    .nav > ul > li {
      float: left;
      position: relative;
    }
    .nav > ul > li > a {
      color: #1c8cdc !important;
      font-size: 12px;
      font-weight: normal;
      line-height: 15px;
      padding: 11px 6px;
      -webkit-transition: color .15s;
      -moz-transition: color .15s;
      -o-transition: color .15s;
      transition: color .15s;
    }
    .nav > ul > li > ul {
      opacity: 0;
      visibility: hidden;
      padding: 16px 0 20px 0;
      text-align: left;
      position:absolute;
      top:65px;
      margin-left:-10px!important;
      min-width:200px;
      -webkit-transition: all .3s .1s;
      -moz-transition: all .3s .1s;
      -o-transition: all .3s .1s;
      transition: all .3s .1s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      z-index:10!important;
      display:block!important;
    }
    .nav > ul > li:hover > ul {
      opacity: 1;
      top: 40px;
      visibility: visible;
    }
    .nav > ul > li > ul:before {
      content: '';
      display: block;
      border-color: transparent transparent #1c8cdc transparent;
      border-style: solid;
      border-width: 10px;
      position: absolute;
      top: -20px;
      left: 10%;
      margin-left: -10px;
     z-index :1000!important;
    }
    .nav > ul ul > li {
      position: relative;
      z-index:1000!important;
      padding: 0px;
    }
    .nav ul ul a {
      color: #000;
      background-color:none;
      padding: 10px;
      display: block;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      -o-transition: background-color 0.1s;
      transition: background-color 0.1s;
      white-space: normal!important;
      text-transform: capitalize;
    }

    .nav ul ul ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -16px;
      left: 206px;
      padding: 16px 0 20px 0;
      background-color: #f6f6f6;
      text-align: left;
      width: 180px;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }
    .nav ul ul > li:hover > ul {
      opacity: 1;
      left: 190px;
      visibility: visible;
    }
    .nav ul ul a:hover {
      color: #fff;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
      color: #fff;
      background-color: rgba(218, 218, 218, 0)!important;
      border-bottom:#fff;
      }
    .navbar-nav {margin: 0;}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #1c8cdc!important;}

}

@media ( min-width:800px)and (max-width:802px){ 
.slider-free { height: 250px;}
.featured-area { height: 250px; } 
.featured-area ,.featured-area-280 { width: 100%; margin: 0 auto; position: relative; margin-bottom: 0px;}
.featured-area-280 { height: 170px; }
footer ul.sosmed, .top-wrapper ul.sosmed { position: relative; right: 26%;}
 .logo_top img {width:38% }
}

@media ( min-width:803px) and (max-width:979px){ 
.slider-free { height: 280px;}
.carousel-control { padding-top: 1.5%; }
 .logo_top img {width:38% }
.featured-area { height: 320px; } .featured-area-280 { height : 240px;}
.featured-area ,.featured-area-280 { width: 100%; margin: 0 auto; position: relative; }
footer ul.sosmed, .top-wrapper ul.sosmed { position: relative; right: 26%;}
}

@media (max-width: 767px) {
   .logo_top img {width:50% }
.sticky-wraper{min-height: 66px;}
 #weather {display: none;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #fff; background-color:none!important;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #6F624F!important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background-color:#F3F3F3;}   
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #000;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{background-color:#1c8cdc!important; }
.navbar-inverse .navbar-toggle .icon-bar {background-color: #4dbee4!important;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {background-color: #1c8cdc!important;}
.thumbs li { list-style: none;float: left;margin: 9px; padding: 3px;background: #eee; -moz-box-shadow: 0 0 4px #444;-webkit-box-shadow: 0 0 2px #000;}
.slider-free{height: 175px;}
.maintext.heading1 {text-align: justify;}
}