@media (max-width: 1024px) {

    #banner-1 .contain video {

        height: 292px;

    }

    .topNav .contain .colL {

        width: 63%;

    }

    .topNav .contain .colR {

        width: 35%;

    }

    header .right-nav a {

        top: 41%;

        right: 4%;

    }

    #banner-1 .contain .col2 .image {

        padding-bottom: 91%;

    }

    #sec_two .contain .image {

        margin: 0 38px;

    }

    .flexBox {

        flex-wrap: wrap;

    }

    #sec_contact .contain .col1 {

        width: 100%;

    }

    #sec_contact .contain .col2 {

        width: 100%;

    }

    #sec_four .contain .colR {

        width: 30%;

    }

    #sec_six .contain .colR {

        width: 47%;

    }

    #sec_six .contain .testi-slide .cntnt {

        margin-left: 46px;

    }

    #sec_seven .contain .inner .image {

        padding-bottom: 180%;

    }

    body .sec_content:after {

        left: 31%;

    }

    footer .contain .infoLst li .wide {

        width: 65%;

    }

    footer .contain .infoLst li h5 {

        width: 35%;

    }

    footer .contain .flexRow {

        margin: -1.5rem 0rem;

    }

    footer .contain .flexRow .colR {

        padding: 1.5rem 1rem;

    }

    #sec_contact .contain .owl-dots {

        left: 46%;

    }

    #sec_contact .contain .up-layer {

        padding: 112px 13px;

    }

    #sec_contact .contain video {

        height: 331px;

    }

    body #sec_two::after {

        bottom: -1%;

    }

    #sec_filter .contain .colR {

        width: 47%;

        margin: 0 10px;

        border: 1px solid #cdcdcd;

        margin-bottom: 26px;

    }

    #order .contain .colR.col1 {

        width: 100%;

    }

    #order .contain .colR.col2 {

        width: 100%;

        margin-top: 39px;

    }

    #banner .contain .col1 {

        text-align: center;

        width: 30%;

        margin-right: 0;

    }

    #banner .contain .col1 h1 {

        font-size: 23px;

    }

    #banner .contain .col1 strong {

        font-size: 27px;

    }

    #sec_contact .flexBox {

        flex-direction: column-reverse;

    }

    #sec_contact .contain .image {

        padding-bottom: 44%;

    }

    #sec_contact .contain .owl-carousel .owl-stage-outer {

        height: 436.922px !important;

    }

    #sec_steps .contain .flexBox:nth-child(even) .col1 {

        margin-left: 39px;

    }

    #sec_steps .contain .flexBox .colR {

        width: 48%;

    }

    #sec_steps .contain .flexBox:nth-child(odd) .col1 {

        margin-right: 38px;

    }

    #sec_using .contain .flexBox .colR {

        width: 33%;

        padding: 20px;

    }

    #contact-form .contain .width-less {

        width: 72%;

    }
    #sec_using .contain .sec_heading{
        width: 62%;
    }
    body header{
        box-shadow: 2px 0 26px rgb(215 222 227 / 40%);
    }
    #sec_filter .pagination{
        margin-right: 28px;
    }
    #sec_filter .pagination .page-item{
        padding: 0 13px;
    }
   body #banner .pagination .page-item {
        padding: 0 8px;
    }
    

}



@media (max-width: 991px) {
    body #banner .pagination .page-item {
        padding: 0 3px;
    }
    #gridView .col-md-3.mb-4{
        width: 50% !important;
    }
    body header {
        height: 6rem;
    }
    header .logo {

        width: 122px;

        height: 65px;

        padding: 0px;

    }

    body #order {

        padding-top: 6rem;

    }

    .topNav .contain .flex {

        display: block;

    }

    .topNav .contain .colL {

        width: 100%;

        justify-content: center;

    }

    .topNav .contain .colR {

        width: 100%;

        justify-content: center;

    }

    .topNav .contain .cta {

        margin-right: 90px;

    }

    #banner .contain .col1 {

        text-align: center;

        width: 100%;

        margin-right: 0;

        margin-top: 70px;

    }

    body #sec_filter {

        padding-top: 12rem;

    }

    body #banner {

        padding-bottom: 0;

    }

    #banner .contain .col2 {

        width: 100%;

    }

    #sec_proven .contain .col1 {

        padding-right: 0px;

        width: 100%;

    }

    #sec_proven .contain .col2 {

        width: 88%;

        margin: 0 auto;

        margin-right: 81px;

        margin-top: 44px;

    }

    #sec_contact .contain .owl-carousel .owl-stage-outer {

        height: 330.922px !important;

    }

    body .sec_content {

        width: 51%;

    }

    #sec_steps .contain .flexBox:nth-child(even) .col1 {

        margin-left: 0px;

        margin-bottom: 20px;

    }

    #sec_steps .contain .flexBox:nth-child(odd) .col1 {

        margin-right: 0px;

        margin-bottom: 20px;

    }

    #sec_steps .contain .image {

        padding-bottom: 51%;

    }
    #sec_steps .contain .image img{
        object-fit: contain;
    }

    #sec_steps .contain .flexBox .colR {

        width: 100%;

    }

    #sec_using .contain .flexBox .colR {

        width: 50%;

    }

    #sec_using .contain .sec_heading {

        width: 84%;

    }

    footer .contain .flexRow .colR {

        width: 50%;

        flex: inherit;

    }

    footer .contain .flexRow {

        flex-wrap: wrap;

    }
    body .topNav {

        display: none;

    }

    header .toggle {

        display: flex;

    }

    [nav].active {

        opacity: 1;

        visibility: visible;

    }

    [nav] {

        position: fixed;

        left: 0;

        right: 0;

        bottom: 0;

        top: 0;

        display: flex;

        align-content: space-between;

        flex-flow: column;

        width: auto;

        background: #fff;

        margin: 0;

        padding: 2rem 5rem;

        border-top: 0.2rem solid #eee;

        visibility: hidden;

        opacity: 0;

        overflow: auto;

        z-index: 3;

    }

    header [nav] ul {

        width: 100%;

        flex-flow: wrap;

        margin: auto 0;

    }

    header [nav] ul li {

        width: 100%;

        padding: 10px 0;

        text-align: center;

    }

    header [nav] ul li a {

        color: #000;

    }

    header [nav] ul li a:before {

        left: auto;

    }

    header [nav] ul li>.active:before {

        left: auto;

    }

    header #cta li {

        justify-content: center;

    }

    header [nav] ul li>.active:before {

        left: auto;

    }

    header .contain .right-nav a {

        top: 41%;

        right: 18%;

    }
 header   #nav > li:not(.btnLi) > a:hover:before,
  header   #nav > li:not(.btnLi).active > a:before {
        width: 0px;
        
    }
    #public_slide .contain .sec_content {
        width: 82%;
    }
    body .flexBox {
        flex-wrap: wrap !important;
    }
    #sec-faq .contain .colr {
        width: 83%;
    }
    #sec_filter .pagination .page-item {
        padding: 0 7px;
    }

}



@media (max-width: 768px) {

    #banner-1 .contain .col2 .image {

        padding-bottom: 131%;

    }

    #sec_contact .contain .up-layer {

        padding-bottom: 171px;

    }

    #sec_contact .contain video {

        height: 241px;

    }
    #sec_filter .pagination {
        margin-right: 0;
    }
    #sec_filter .contain .col-3{
        width: 100%;
    }
    #sec_filter .contain .col-9{
        width: 100%;
    }
    #sec_refine .contain .col-md-6{
        width: 100%;
    }

}



@media (max-width: 512px) {

    body header {

        height: 88px;

    }

    #banner .contain .col1 {

        margin-top: 0;

    }

   
    #sec_proven .contain .col2 .overlap-grid-2 .item:nth-child(1) {

        width: 81%;

        margin-left: 21%;

    }

    #sec_proven .contain .col2 .overlap-grid-2 .item:nth-child(2) {

        width: 74%;

        margin-left: 17px;

    }

    #sec_proven .col2 .shape.rellax {

        top: 1rem !important;

        left: 1.5rem !important;

    }

    #sec_proven .contain .col2 {

        width: 100%;

        margin-right: 17px;

    }

    #sec_contact .contain .image {

        padding-bottom: 80%;

    }

    #sec_using .contain .sec_heading {

        width: 100%;

    }

    body .sec_heading h2 {

        font-size: 28px;

        font-family: "Roboto Bold";

    }

    #sec_using .contain .flexBox .colR {

        width: 100%;

        padding: 13px 0;

    }

    #contact-form .contain .width-less {

        width: 100%;

    }

    footer .contain .flexRow .colR {

        width: 100%;

    }

    #sec_filter .contain .colR {

        width: 100%;

        margin: 0 0px;

        margin-bottom: 26px;

    }

    body #sec_filter {

        padding-top: 8rem;

    }

    #order .contain .col1 .image {

        display: none;

    }

    #order .contain .colR {

        margin: 0 0px;

        margin-top: 90px;

    }

    header [nav] #cta {

        margin-left: 0rem;

    }

    body #order {

        padding-top: 2.5rem;

    }

    #sec_filter .up-list .list li {

        margin-bottom: 15px;

    }

    body section {

        padding: 3rem 0;

    }

    footer .contain .inner {

        display: block;

    }

    footer .contain .inner .social {

        align-items: center;

        justify-content: center;

    }

    footer .contain .inner .social li {

        padding: 0 14px;

    }

    footer .contain .flexRow .colR {

        padding: 1.5rem 0rem;

    }

    footer .copyright .inner p {

        margin: 0;

        text-align: center;

        margin-bottom: 20px;

    }
   body #banner {
        padding-top: 6rem;
        min-height: 667px;
    }
    #public_slide .contain .sec_content {
        width: 100%;
    }
    #sec_contact .contain .col1{
        padding: 51px 18px;
    }
    #sec_steps .contain .inner h2{
        font-size: 35px;
    }

    #sec-faq .contain .colr {
        width: 100%;
    }
    #sec_steps .contain .image {
        padding-bottom: 73%;
    }
}
@media (max-width: 412px){
    #sec_refine .contain .categories-select li {
        width: 100%;
    }
}