@media (min-width: 1024px) {

  .main-nav > ul {

    margin: 0;

    padding: 0;

  }

  .main-nav > ul > li {

    display: inline-block;

    text-transform: uppercase;

    font-size: 16px;

    padding: 0px 15px;

    position: relative;

    text-align: left;

  }

}

@media (min-width: 1024px) and (max-width: 1199px) {

  .main-nav > ul > li {

    margin-right: 25px;

  }

}

@media (min-width: 1024px) {

  .main-nav > ul > li > a {

    display: block;

    color: #fff;

    font-weight: 500;

    text-decoration: none;

    position: relative;

    padding: 5px 15px;
    line-height: 40px;

  }

  .main-nav > ul > li:hover {

    color: #014eb2;
    background: #000;
    padding: 0 15px;

  }

  .main-nav > ul > li span {

    font: 600 14px/15px "Shadows Into Light", cursive;

    text-transform: capitalize;

    color: #747474;

  }

  .main-nav > ul > li:last-child {

    margin-right: 0;

  }

  .main-nav > ul .logo img {

    padding-top: 18px;

  }

}

@media (min-width: 1024px) and (max-width: 1199px) {

  .main-nav > ul .logo img {

    width: 192px;

  }

}

@media (min-width: 1024px) {

  .main-nav > ul ul {

    position: absolute;

    margin: 0;

    padding: 0;

  /*  background: #fff;*/

    width: 220px;
    background: #014eb2;

    /*box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);*/

    text-transform: capitalize;

   /* visibility: hidden;*/

 /*   opacity: 0;*/

    transition: all ease .2s;

    transform: translateY(10px);
    display: none;
    top: 83px;


  }
  .main-nav > ul li:hover .sub-menu{
    display: block;
    transition: all ease .2s;

    transform: translateY(10px);
  }

  .main-nav > ul ul li {
    list-style-type:none; 
    position: relative;

  }

  .main-nav > ul ul li a {

    padding: 7px 10px;

    color: #fff;

    text-decoration: none;

    display: block;

    border-bottom: 1px solid #e6e6e6;

  }

  .main-nav > ul ul li:hover > a {

    background: #095ecd;

    color: #fff;

  }
/*
  .main-nav > ul li a:hover ul {

    display: block;

  /*  opacity: 1;s

    transform: none;

  }

  .main-nav > ul ul li.submenu:after {

    content: "";

    position: absolute;

    right: 5px;

    top: 10px;

  }

  .main-nav > ul ul ul {

    right: -220px;

    top: 0;

  }
*/


  .responsive-logo, .mob-btn {

    display: none;

  }

}




@media (max-width: 1023px) {

  html, body {

    overflow-x: hidden;

  }



  .top {

    display: none;

  }



  .main-nav {

    position: fixed;

    width: 260px;

    top: 0;

    right: -260px;

    background: #282828;

    height: 100%;

    transition: all ease 0.2s;

    z-index: 1005;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);

    overflow-y: auto;

  }

  .main-nav ul {

    margin: 0;

    padding: 0;

    display: block;

    margin-top: 10px;

  }

  .main-nav ul li {

    display: block;

    border-bottom: 1px solid #656b74;

    position: relative;

  }

  .main-nav ul li a {

    color: #cfcfcf;

    text-decoration: none;

    font-size: 15px;
    font-weight: 500;
    display: block;

    padding: 15px;

  }

  .main-nav ul li a:hover {

    background: #ed1c24;
    color: #fff;

  }

  .main-nav ul li.submenu i {

    position: absolute;

    width: 43px;

    height: 43px;

    border-left: 1px solid #656b74;

    top: 0;

    right: 0;

    cursor: pointer;

  }

  .main-nav ul li.submenu i:after {

    content: "";

    height: 0;

    width: 0;

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    border-top: 6px solid #b3b3b3;

    position: absolute;

    right: 17px;

    top: 20px;

    z-index: 10;

  }

  .main-nav ul li.open > ul {

    display: block;

  }

  .main-nav ul li span {

    display: none;

  }

  .main-nav ul .logo-sub {

    padding-left: 0px;

  }

  .main-nav ul .logo {

    display: none;

  }

  .main-nav ul ul {

    margin: 0;

    display: block;

  }

  .main-nav ul ul li:last-child {

    border-bottom: 0;

  }

  .main-nav ul ul li:first-child {

    border-top: 1px solid #656b74;

  }

  .main-nav ul ul li a {

    padding-left: 30px;

  }

  .main-nav ul ul li ul a {

    padding-left: 50px;

  }



  .mob-btn {

    position: relative;

    background: url(../img/menu.svg);
    background-repeat: no-repeat;

    margin-right: 5px;

    margin-top: 5px;

    width: 70px;

    height: 48px;

    border: 1px solid transparent;

    border-radius: 4px;

    top: 55px;
    right: 0;

    cursor: pointer;
background-size: 79px 36px;

  }

}

@media (max-width: 1023px) and (max-width: 767px) {

  .mob-btn {

    margin-top: 0;

  }

}





@media (max-width: 1023px) and (max-width: 767px) {

  .responsive-logo img {

    width: 176px;

  }

}



@media (max-width: 1023px) {

  .show-menu .main-nav {

    right: 0;

  }

  .show-menu .overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);


  }

}

@media (min-width: 992px) {

  .snav .tinynav {

    display: none;

  }

}