/* responsive design */


/* Large devices (laptops/desktops, 1080px and up) */

@media only screen and (max-width: 1080px) {
    .center-wrapper {
        padding: 0 15px;
    }
    .tabs_list a {
        width: calc((100% - (24px * (3 - 1))) / 3);
    }
    .accordion_title {
        scroll-margin-top:80px
    }
}


/* tablet devices (tablet, 568px and up) */

@media only screen and (max-width: 992px) {
    .title h1 {
        font-size: 32px;
    }
    .faq_content, .terms_content {
        margin-top: 4rem;
    }
    /* terms */
    .paragraph_wrap:not(:first-child) {
        margin-top: 30px;
    }
    .paragraph,
    .list {
        margin-top: 20px;
    }
    .heading span {
        display: block;
        font-size: 24px;
    }
    .tool_tips img{
        display: none;
    }
  
}
@media only screen and (max-width: 896px) {
    .main {
        margin-top: 6.4em;
    }
    .l-footer{
        margin-top: 9.6em;
    }
    .accordion_title {
        scroll-margin-top:190px
    }
}

@media only screen and (max-width: 840px) {
    .tabs_list a {
        width: calc((100% - (24px * (2 - 1))) / 2);
    }
     .tab_content{
        scroll-margin-top: 180px;
    }
    .accordion_title{
        scroll-margin-top:180px;
    }
}


/* small devices (mobile, 430px and up) */

@media only screen and (max-width: 767px) {
    .title h1 {
        font-size: 24px;
    }
    .accordion_title{
        scroll-margin-top:170px;
    }
    .tooltip .tooltip-img{
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
}
}
@media only screen and (max-width: 670px) {
    .tab_content {
        scroll-margin-top: 140px;
    }
    .accordion_title{
        scroll-margin-top:150px;
    }
}

@media only screen and (max-width: 569px) {
    .tab_content{
        scroll-margin-top: 110px;
    }
    .accordion_title{
        scroll-margin-top:120px;
    }
    .tabs_list a {
        width: 100%;
    }
}

@media only screen and (max-width: 430px) {
    .tab_content{
        scroll-margin-top: 90px;
    }
    .accordion_title{
        scroll-margin-top:100px;
    }
    .tooltip .tooltip-img{    
        left:0;
        width: 150px;
    }
}