/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px) {

    .container {
      width: 1000px;
      margin: auto;
    }
     
  }
  
  @media only screen and (min-width: 768px) and (max-width: 999px) {
      
    #trueHeader #logo {
      background-size: 100%;
    }
  
    .container {
      width: 88%;
      padding: 0 6% 0 6%;
      margin: 0 auto;
    }
  
    .menu_main {
      float: right;
      width: 68%;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  
    .one_half {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .one_third {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .one_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .one_fifth {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .two_third {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .three_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .last {
      margin-right: 0 !important;
      margin-bottom: 0 !important;
    }
  
    .content_left {
      width: 100%;
    }
  
    .right_sidebar {
      width: 100%;
    }
  
    .top_nav .right a.login_but {
      padding: 5px 15px 0px 35px;
    }
  
    .top_nav .right .country_selector {
      width: 42%;
    }
  
    .top_nav .left {
      float: left;
      width: 100%;
    }
  
    .top_nav .right {
      float: left;
      width: 100%;
    }
    
  }
  
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  .herotext h2{
    font-size:20px;
  }
    #trueHeader #logo {
      background-size: 100%;
    }
  
    .container {
      width: 88%;
      margin: 0px 6%;
    }
  
    .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
      margin-right: 0%;
    }
  
    .one_half {
      width: 100%;
      margin-bottom: 4px;
    }
  
    .one_third {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .one_fourth {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .one_fifth {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .two_third {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .three_fourth {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .last {
      margin-right: 0 !important;
      margin-bottom: 0 !important;
    }
  
    .content_left {
      width: 100%;
    }
  
    .right_sidebar {
      width: 100%;
    }
  
    .content_right {
      width: 100%;
    }
  
    .left_sidebar {
      width: 100%;
    }
  
    #trueHeader #logo {
      text-align: center;
      background: url(../images/logo.jpg) no-repeat center bottom;
    }
  
    #trueHeader .logo {
      width: 100%;
      margin-bottom: 5px;
      text-align: center;
    }
  
    #topHeader #logo {
      text-align: center;
      background: url(../images/logo.jpg) no-repeat center bottom;
    }
  
    .menu_main {
      float: none;
      width: 90%;
      margin: 0 auto;
    }
  
    .footer1 .social_links ul.social_icons {
      width: 60%;
      float: left;
      padding: 0px;
      margin: 169px 0px 0px 132px;
    }
   
    .footer1 .post_holder .img_holder {
      width: 20%;
    }
  
    .footer1 .post_holder .text {
      width: 80%;
    }
  }
  
  @media only screen and (max-width: 479px) {
    .herotext h2{
      font-size:20px;
      line-height: normal;
    }
    .herotext p{
      font-size:14px;
    }
    .herotext p i{
      font-size:10px;
      margin:0 5px;
    }
    .container {
      width: 88%;
      margin: 0px 6%;
    }
  
    .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
      margin-right: 0%;
    }
  
    .one_half {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .one_third {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .one_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .one_fifth {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .two_third {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .three_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
  
    .formwrap .one_third {
      margin-bottom: 20px;
    }
  
    .content_left {
      width: 100%;
    }
  
    .right_sidebar {
      width: 100%;
    }
  
    .content_right {
      width: 100%;
    }
  
    .left_sidebar {
      width: 100%;
    }
  
    .last {
      margin-right: 0 !important;
      margin-bottom: 0 !important;
    }
  
    #trueHeader #logo {
      text-align: center;
       
    }
  
    #trueHeader .logo {
      width: 200px;
      margin-bottom: 5px;
      text-align: center;
    }
  
    #topHeader #logo {
      text-align: center;
      background: url(../images/logo.jpg) no-repeat center bottom;
    }
  
    #topHeader .logo {
      width: 100%;
    }
  
    .menu_main {
      float: none;
      width: 100%;
      margin: 0 auto;
    }
    .yamm .container{
      width:100%;
    }
    
   
  }
  
  
  /*styles for updated 1.1*/
  
  @media only screen and (min-width: 640px) and (max-width: 767px) {
  }