@media only screen and (min-width : 768px) {
    .header .navbar-nav.navbar-right li > a > i {
        display: none;
     }
   .header.on{
     background: #0d3a87;
     height: 188px;
     box-shadow: 0 0 10px #a1a1a1;
     -webkit-box-shadow:0 0 10px #a1a1a1;
     -o-box-shadow:0 0 10px #a1a1a1;
     -moz-box-shadow:0 0 10px #a1a1a1;
 }
   .nav.navbar-nav > li:hover > ul.sub-menu,ul.sub-menu>li:hover>ul.sub-menu{
     display: block;
     -webkit-animation: fadeInUp 400ms;
     animation: fadeInUp 400ms;
   }
 
   .nav.navbar-nav> li>ul.sub-menu {
     position: absolute;
     top: 70px;
     left: 50%;
     background: #fff;
     width: 220px;
     margin-left: -100px;
     box-shadow: 0 0 10px #a1a1a1;
     -webkit-box-shadow:0 0 10px #a1a1a1;
     -o-box-shadow:0 0 10px #a1a1a1;
     -moz-box-shadow:0 0 10px #a1a1a1;
     display: none;
     z-index: 999;
   }
     ul.sub-menu>li>ul.sub-menu{
         position: absolute;
         top: 0px;
         left: 100%;
         background: #fff;
         width: 200px;
         box-shadow: 0 0 10px #a1a1a1;
         -webkit-box-shadow:0 0 10px #a1a1a1;
         -o-box-shadow:0 0 10px #a1a1a1;
         -moz-box-shadow:0 0 10px #a1a1a1;
         display: none;
         z-index: 999;
     }
   .navbar-nav>li:first-child ul.sub-menu{
         width: 300px;
         margin-left: -150px;
     }
 
   .header .navbar-nav li ul.sub-menu li a {
       background: #f6f6f6;
       text-align: center;
   }
   .header .navbar-nav.navbar-right li ul li > a > i {
         display: block;
         float: right;
         padding: 2px 10px 2px 3px;
         color: #B4B4B4;
          position: relative;
         z-index: 999999999;
       }
 
 }
 @media(max-width:1380px){
     ul.sub-menu{
         top:70px;
     }
 }
 /*md only*/
 @media (min-width: 992px) and (max-width: 1199px) {
     ul.sub-menu {
         top: 60px;
     }
 }
 
 /*sm only*/
 @media (min-width: 768px) and (max-width: 991px) {
     ul.sub-menu {
         top: 50px;
         width: 160px;
         margin-left: -80px;
         box-shadow: none;
         display: none;
     z-index: 999;
   }
     .navbar-nav>li:first-child ul.sub-menu{
         width: 300px;
         margin-left: -150px;
     }
 }
 /* md */
 @media only screen and (max-width : 1200px) {
 
   /*Pricing Table*/
 
 }
 
 /* sm */
 @media only screen and (max-width : 1024px) {
 
   h1{
     font-size: 25px;
   }
     .navbar-collapse{
         padding-bottom: 40px;
     }
   .header .navbar-nav.navbar-right li {
     padding: 0;
   }
 
   .nav.navbar-nav.post-nav li{
     display: inline-block;
     margin-right: 15px;
   }
 
   .masonery_area .nav.nav-justified.post-nav li {
     display: table-cell;
   }
 }
 @media(max-width:992px){
     .navbar-nav>li:first-child ul.sub-menu{
         width: 240px;
         margin-left: -120px;
     }
 }
 
 
 /* xs */
 @media only screen and (max-width : 769px) {
     .menu{
         width: 110%;
         margin-left: -10%;
         margin-top: -20px;
     }
     .header.on{
         height: 168px;
     }
   h1{
     font-size: 22px;
   }
 
   h2{
     font-size:20px;
   }
 
   .padding{
     padding: 20px 0;
   }
   .header .navbar-inverse .navbar-toggle,
   .header .navbar-inverse .navbar-toggle:focus {
     border-color: #00aeef;
     margin-top: 35px;
     outline: none;
   }
 
   .navbar-header .navbar-toggle .icon-bar {
     background-color: #00aeef;
   }
 
   .header .navbar-inverse .navbar-toggle:hover {
     background: #00aeef;
   }
 
   .header .navbar-inverse .navbar-toggle:hover .icon-bar {
     background: #fff;
   }
  
   .navbar-inverse .navbar-collapse,
   .navbar-inverse .navbar-form {
     border-top: 0;
   }
 
   .navbar.navbar-inverse {
     margin-top: 20px;
     padding-left: 0px;
     padding-right: 0px;
   }
 
   .header .navbar-nav.navbar-right li > a {
     padding: 10px 3px;
   }
 
   .header .navbar-nav li ul.sub-menu li a {
     padding: 5px 10px;
   }
 
   .header .navbar-inverse .navbar-nav li.active > a, 
   .header .navbar-inverse .navbar-nav li.active > a:focus, 
   .header .navbar-nav.navbar-right li > a:hover {
     border: none;
   }
 }
 
 @media only screen and (max-width : 480px) {
 
   /* Pricing Table*/
 }
 @media(max-width:767px){
     .header{
         position: relative;
         height: 130px;
     }
     .header .navbar-inverse .navbar-toggle,
     .header .navbar-inverse .navbar-toggle:focus {
         margin-top: -10px;
     }
     .menu{
         width: 100%;
         clear: both;
         margin-top: 10px;
         margin-left: 0px;
     }
     .header .navbar-nav.navbar-right{
         background: #ffffff;
         padding: 20px;
     }
     .header .navbar-nav.navbar-right >li a {
           color: #333;
     }
      .header .navbar-nav.navbar-right li > a > i {
         display: block;
         float: right;
         padding: 2px 3px 2px 3px;
         color: #333;
          position: relative;
         z-index: 999999999;
       }
     .navbar-nav>li:first-child ul.sub-menu{
         width: 100%;
         margin-left: 0px;
     }
      .header .navbar-nav li ul.sub-menu li a{
          width: 100%;
          display: block;
          padding-left: 20px;
          padding-right: 20px;
     }
     .header.on .navbar-nav.navbar-right>li>a {
         color: #333;
     }
     .ryzc-name a{
         font-size:16px;
         font-weight: bold;
     }
 }
 @media(max-width:413px){
     
 }