.topnav {
  overflow: hidden;
 
}


.topnav .icon {
  display: none;
}
@media (max-width: 1669px) {
    .bubble-bg img {
    position: relative;
    width: 80%;
    }
    .bubble-details {
    position: absolute;
    top: 17%;
    width: 100%;
    text-align: center;
    left: -20px;
    }
    .menu-block:hover .bubble-details{
        left: -20px;top: 17%;
    }
    .bubble-bg .bubble-icon img{
        width: 30%;
    }
    .bubble-bg:hover{
        background-size: 80%;
    }
    .homepage-section{
        padding-bottom: 12px;
    }

}
@media (max-width:1468px){
    .inner-menu li a{
        padding-right:5px;
    }
    .inner-menu li{
            padding: 20px 0 15px 4px;
    }
}
@media (max-width: 1368px) {
    .bubble-bg img {
    position: relative;
    width: 74%;
}
.bubble-bg:hover {
    background-size: 74%;
}
.bubble-title {
    font-size: 13px;
}
.bubble-details {
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    left: -22px;
}
.res-menu {
    width: 100%;
    float: none;
    text-align: center;
}
.res-ologo {
    position: absolute;
    top: 0;
    right: 0;
}
html, body {
    overflow-x: hidden;
}
}
@media (max-width: 1308px) {
    .res-logo {
    width: 100%;
    float: none;
    text-align: center;
}
}
@media screen and (max-width: 1300px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav.responsive a.icon, .topnav a.icon {
    float: right;
    display: block;
    position: absolute;
    right: 22px;
    top: 15px;
    z-index: 99999;
    color: #fff;
    width: 30px;
    height: 30px;
}
.advantages-raw .compare-img-title1, .advantages-raw .compare-img-title2, .advantages-raw .compare-img-title3 {
    width: 85%;
    font-size: 12px;
    line-height: 23px;
    min-height: 70px;
}
}

@media screen and (max-width: 1300px) {
    .inner-menu li a{
        border-right:0;
    }
    .inner-menu li {
    float: none;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    }
    .res-logo {
    width: auto;
    float: left;
}
  .topnav.responsive {
    position: relative;
    overflow: visible;
    z-index: 999999999999999;
    left: 15px;
}
  .res-ologo {
    position: absolute;
    top: 15px;
    right: 0;
}
  .topnav.responsive .icon{
      display:block !important;
  }
  
  .inner-menu-block.topnav .inner-menu, .topnav.responsive .inner-menu{
      display:none;
  }
  .topnav .inner-menu {
    display: block;
    position: absolute;
    top: 50px;
    background: #08418a;
    right: 0;
    min-width: 320px;
    text-align: center;
    border-radius: 50px;
}
}
@media (max-width: 1199px){
    .bubble-details{
        left: 0;
    }
    .bubble-bg img {
        width: 100%;
    }
   .res-btns{
        width: auto;
        margin: 0 auto 50px;
        float: none;
    }
    .product-respage .container, .faq-wrap .container {
        width: 98%;
    }
    .cd-faq {
        width: 100%;
        max-width: 100%;
    }
    .download-brochure-list ul li a, .download-brochure-list ul>li.active>a, .download-brochure-list ul>li.focus>a {
        margin-bottom: 20px;
    }
    .download-brochure-frontimg {
        top: 10%;
        left: 16%;
    }
    .download-brochure-frontimg img {
        width: 85%;
    }
    .download-brochure-text {
        padding: 0;
    }
}
@media (max-width: 1024px){
    .res-ologo {
    width: 10%;
}
.topnav.responsive a.icon, .topnav a.icon{
    right: 18px;
    top: 15px;
}
.cd-faq-items{
    width: 100%;
    float: none;
}
}
@media (max-width: 991px){
    .product-download{
        font-size: 20px;
    }
    .mheight-400 {
    min-height: auto;
}
    .inner-page-desc{
        padding: 0 10px;
    }
    .page-title {
    right: 15px;
    padding-bottom: 20px;
}
    
    body.home-page {
        overflow-y: scroll !important;
        position: relative;
        width: 100%;
    }
    .bubble {
        display: none;
    }
    
    .homepage-section .container {
        width: 100%;
    }
    .main-logo {
        margin-bottom: 30px;
    }
    .copyright-block {
        padding-top: 5px;
    }
    .nividalink img {
        width: 15%;
    }
    .homepage-section {
        height: 104vh;
    }
    .inner-bubble-logo {
        width: 75%;
        /* cursor: pointer; */
    }
    .topnav.responsive a.icon, .topnav a.icon {
        right: 23px;
        top: 18px;
    }
    .topnav .inner-menu {
        right: 15px;
        border-radius: 0px;
    }
    .inner-para {
        font-size: 16px;
        line-height: 1.6;
    }
    .contact-form-section {
        height: auto;
    }
    .contact-details {
        height: auto;
        padding: 30px 30px 100px;
    }
}

@media(max-width:900px) {
    .inner-bubble-logo {
        width: 87%;
    }
}

@media(max-width:850px) {
    .copyright-block {
        padding-top: 15px;
        font-size: 17px;
    }
    .nividalink img {
        width: 25%;
    }
    .inner-bubble-logo {
        width: 100%;
    }
}

@media (max-width:768px){
    .res-ologo {
        width: 13%;
    }
}
@media (max-width:767px){
    .topnav.responsive a.icon, .topnav a.icon {
        right: 14px;
        top: 10px;
    }
    .inner-page-content {
        padding: 0 25px;
    }
    .res-ologo {
        position: absolute;
        top: 10px;
        right: -4px;
    }
    .abt-txt{
        padding: 0 25px !important;
    }
    .padd-5 {
        padding: 0 0px !important;
    }
    .homepage-section {
        height: auto !important;
        padding-bottom: 70px;
    }
    .page-title {
        right: 0px;
        padding-bottom: 20px;
        text-align: center;
    }
    .bread-soci-block {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .topnav.responsive a.icon, .topnav a.icon {
        right: 25px;
        top: 20px;
    }
    .nividalink img {
        width: 5%;
        margin: 5px auto 0;
        display: block;
    }
    .copyright-block {
        text-align: center;
        padding: 0;
    }
    .cd-faq-items {
        position: static;
        height: auto;
        width: 100%;
        float: right;
        overflow: visible;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
        padding: 0;
        background: transparent;
    }
    .cd-faq-group {
        display: block;
    }
    .download-brochure-frontimg img {
        height: auto;
    }
    .iframe-class {
        padding: 0 0 0 15px;
    }
}
@media (max-width:648px){
     .inner-block {
    height: 100% !important;
    padding: 50px 0 !important;
}
.res-ologo {
    width: 16%;
}
}
@media(max-width:600px){
    .res-ologo {
    width: 19%;
}
   
    .label-text3, .label-text4 {
    padding-top: 0;
    line-height: 16px;
    font-size: 12px;
}
.label-text5 {
    padding-right: 10px;
    line-height: 16px;
    font-size: 12px;
}
.label-text6 {
    padding-right: 10px;
    padding-bottom: 20px;
    line-height: 16px;font-size: 12px;
}
nav.inner-circle-design{
    width:90%;
}
.label-text7 {
    transform: skew(0deg) rotate(182deg);
    padding-bottom: 5px;
    line-height: 16px;font-size: 12px;
}
.label-text8 {
    transform: skew(0deg) rotate(183deg);
    padding-bottom: 5px;
    padding-left: 0;
    line-height: 16px;font-size: 12px;
}
.label-text9 {
    padding-left: 5px;
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 16px;
}
.label-text1 {
    padding-top: 5px;
    line-height: 16px;
    font-size: 12px;
}
.label-text2 {
    padding-top: 0;
    line-height: 16px;
    font-size: 12px;
}
}
@media (max-width:480px){
    .res-ologo {
    width: 21%;
}
    .download-brochure-link a{
        padding: 15px 10px;font-size: 12px;
    }
    .inner-header{
            margin: 15px 20px 20px;
            padding: 10px 0px 10px 10px;
    }
    .title-phone {
    font-size: 16px;
    padding-right: 5px;
}
/*.soci-shares ul li a img {
    width: 15px;
}*/
.soci-shares ul li {
    margin-right: 7px;
}
.page-title{
    right:-15px;
}
}
@media (max-width:420px){
    .res-ologo {
        width: 23%;
    }
}

@media(max-width: 415px) {
    /*.download-brochure-text {*/
    /*    min-height: 140px;*/
    /*}*/
}

@media (max-width:380x){
    .res-ologo {
    width: 25%;
}
}
@media (max-width: 360px){
    .res-ologo {
    width: 26%;
}
    .topnav .inner-menu{
        min-width: 280px;
    }
    .label-text6{
        padding-right: 0;
    }
    .label-text1,.label-text2,.label-text3,.label-text4,.label-text5,.label-text6,.label-text7,.label-text8,.label-text9{
        font-size:11px;
    }
}

@media(max-width: 356px) {
    /*.download-brochure-text {*/
    /*    min-height: 170px;*/
    /*}*/
}

@media (max-width:320px){
    .res-ologo {
    width: 30%;
}
}