/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1376px) {
  .bottom_panel .menu>li>a {
  
    padding: 6px 10px;
   
    font-size: 12px;
   
}
.top_phone {
    font-size: 12px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
 .advantages_box .font_30 {
    font-size: 24px;
}

 .advantages_box .font_18 {
    font-size: 16px;
}
    .bottom_panel .menu>li>a {
        padding: 6px;
     
    }
    .bottom_panel .sub-menu a {
  
    font-size: 11px;
   
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .mobile_hidden {
    display: none !important;
  }

  .desk_hidden {
    display: block !important;
  }

  header .container {
    position: relative;
  }
 header .compact_logo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -28px;
}
.bottom_panel .row>div {
  position: static;
}
header,header.smaller {
    height: 64px;
}
body {
  padding-top: 64px;
}
.bottom_panel .logo {
   display: none;
}
}

/*=================================================================================================*/
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 18px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 670px) {}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
.ms_slider  .font_46 {
    font-size: 34px;
}
.ms_slider .font_30 {
    font-size: 24px;
}
.ms_slider .font_40 {
    font-size: 32px;
}
 .block_header  .font_30,.block_header  .font_36 {
    font-size: 24px;
}
.block_header .font_20 {
    font-size: 18px;
}
    .advantages_box .font_30 {
        font-size: 20px;
    }
  .verify_box_wrap  .font_30 {
    font-size: 20px;
}
 .verify_box_wrap  .font_20 {
    font-size: 16px;
}
.verify_box>span:nth-child(1) {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 70px;
}
.verify_box>span:nth-child(2) {
    padding-left: 30px;
}
.post_header .font_30 {
    font-size: 24px;
}
.get_block .font_30 {
    font-size: 24px;
}
.get_block .font_20 {
    font-size: 16px;
}
.greeb_button.mob_small {
    font-size: 13px;
}
.post_header .font_36 {
  font-size: 26px;
}
.font_30 {
    font-size: 24px;
}
.white_backing {
    padding: 20px;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 400px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 310px) {}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .mobile_hidden {
    display: block !important;
  }

  .desk_hidden {
    display: none !important;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}


/*=================================================*/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1376px) {
      .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1400px;
    }
}

/*=============================*/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1700px) {}