/* 1920  */

/* @media (min-width: 992px){
    .banner-content h1  {
        font-size: 55px;
        line-height: 70px;
    }
} */

@media (max-width: 1920px){
    .container-fluid {
        max-width: 1420px;
    }
    .banner-content h1 {
        font-size: 90px;
        line-height: 100px;
        padding-top: 60px;
    }
    .banner-content h2 {
        font-style: normal;
        font-size: 26px;
        margin-bottom: 24px;
        padding-top: 30px;
    }
    .banner-form {
        width: 370px;
    }
    .nav-header::before{
        width: 54%;
    }
    .banner-content h2{
        font-style: normal;
        font-size: 26px;
        margin-bottom: 24px;
    }
    .form-control {
        margin-bottom: 0px;
    }
    .owl-carousel .owl-stage {
        padding: 70px 0 0px;
    }
    .owl-dots {
        text-align: center;
        padding: 0px 0 60px;
    }
    .over-views.first h3 {
        margin-bottom: 45px;
    }
    .footer-content p {
        margin-bottom: 0;
    }
    .footer-sec {
        height: 749px;
    }
    .footer-content {
        padding: 2% 0;
    }
    .sec5-content-holder {
        padding:8% 12%;
    }
    .all-in-one{
        padding-top: 320px;
    }
    .overview {
        padding: 60px 0 50px;
        box-shadow: 5px 0px 5px #c7c7c7ad;
    }
    .video-button a {
        width: 70px;
        height: 70px;
    }
    .form-group.space-right{
        margin-right: 33px;
        margin-left: 5px
    }

    /* floating images */
    .floating-img-holder {
        width: 95px;
        height: 96px;
        top: 369px;
        left: 297px;
    }
    .floating-img-holder img{
        max-width: 50%;
    }
    .floating-img-holder1{
        width: 129px;
        height: 142px;
        top: 249px;
        left: 102px;
    }
    .floating-img-holder2{
        width: 109px;
        height: 100px;
        top: 180px;
        left: 431px;
    }
    .floating-img-holder3 {
        width: 109px;
        height: 100px;
        bottom: 109px;
        left: 351px;
    }
    .floating-img-holder4 {
        width: 102px;
        height: 107px;
        top: 189px;
        right: 346px;
    }
    .floating-img-holder5 {
        width: 105px;
        height: 104px;
        top: 332px;
        right: 121px;
    }
    .floating-img-holder6{
        width: 83px;
        height: 77px;
        top: 391px;
        right: 245px;
    }
    .floating-img-holder7 {
        width: 106px;
        height: 110px;
        bottom: 117px;
        right: 362px;
    }
    .customer-content h3{
        font-size: 57px;
    }
    .sec-2 {
        background-color: #f5f5f5;
        padding: 220px 0;
        position: relative;
    }
    .coments-slides {
        padding: 80px 25px 60px;
        margin-bottom: 55px;
        margin-right: 12px;
    }
    .sec-3 {
        padding: 300px 0;
    }
    /* footer sec */
    .sec5-content-holder h5.sec5-sub-heading {
        font-size: 60px;
        line-height: 90px;
        margin-bottom: 60px;
    }
}
@media (max-width: 1500px){
    .container-fluid {
        max-width: 1200px;
    }
    .banner-content h1 {
        font-size: 70px;
        line-height: 100px;
    }
}
@media (max-width: 1366px){
    .container-fluid {
        max-width: 1170px;
    }
    /*------ banner section------- */
    .banner-content h1 {
        font-size: 70px;
        line-height: 80px;
    }
    .banner-form {
        width: 330px;
    }

    /* section one */
    .all-in-one {
        padding-top: 280px;
    }
    .section2-content{
        text-align: center;
    }
    .floating-img-holder1 {
        width:70px;
        height: 77px;
        top: 314px;
        left: 4%;
    }
    .floating-img-holder2{
        width: 89px;
        height: 80px;
        top: 29%;
        left: 12%;
    }
    .floating-img-holder3 {
        width: 75px;
        height: 73px;
        bottom: 124px;
        left: 191px;
    }
    .floating-img-holder4{
        width: 82px;
        height: 87px;
        top: 24%;
        right: 12%;
    }
    .floating-img-holder5{
        width: 85px;
        height: 84px;
        top: 66%;
        right: 9%;
    }
    .floating-img-holder6{
        width: 72px;
        height: 62px;
        top: 291px;
        right: 80px;
    }
    .floating-img-holder7{
        width: 75px;
        height: 75px;
        bottom: 117px;
        right: 215px;
    }
    .floating-img-holder {
        width: 75px;
        height: 76px;
        top: 420px;
        left: 95.9px;
    }
    .form-group.space-right {
        margin-right: 17px;
        margin-left: 5px;
    }
    /* how to secure section start */
    .seceen-in-img::before {
        left: -24px;
    }
    .our-security {
        padding: 120px 0 50px;
    }
    .video-button a {
        width: 62px;
        height: 62px;
    }
    .coments-slides {
        padding: 80px 25px 60px;
        margin-bottom: 45px;
        margin-right: 0;
    }
    .customer-content img {
        height: 80px;
        max-width: 86%;
    }
    .customer-content{
        padding-top: 30px;
    }
    .sec-3 {
        padding: 70px 0;
    }
    /* footer sec */
    .footer-sec {
        height: 600px;
    }
    .footer-sec {
        height: auto;
    }
    .sec5-content-holder h5.sec5-sub-heading {
        font-size: 42px;
        line-height: 60px;
        margin-bottom: 50px;
    }
    .how-to-secure h2 {
        font-size: 45px;
        line-height: 60px;
    }
    ul.slider-list li {
        font-size: 14px;
    }
}
@media (max-width: 1199px){
    .container-fluid {
        max-width: 1050px;
    }

    /* banner section start*/
    .all-in-one {
        padding-top: 230px;
    }
    .banner-content h1 {
        font-size: 55px;
        line-height: 70px;
    }
    .banner-content h2{
        font-style: normal;
        font-size: 20px;
        margin-bottom: 18px;
        padding-top: 8px;
    }
    .banner-text-holder .banner-content p {
        width: 450px;
        margin-bottom: 27px;
    }
    .form-group.space-right {
        margin-right: 46px;
        margin-left: 5px;
    }
    .nav-header::before {
        width: 61%;
    }
    .banner-text-holder .banner-content p{
        width: 400px;
        margin-bottom: 27px;
    }
    .banner-form h2 {
        font-size: 22px;
        font-weight: 600;
    }
    .banner-form {
        width: 320px;
    }
    .banner-form {
        padding: 30px 15px;
        margin-top: 40px;
    }
    .banner-button .btn {
        padding: 15px 16px;
        font-size: 15px;
    }
    .sliders {
        width: 100%;
        height: 350px;
        background-color: #fff;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        padding: 26px;
    }
    .over-views.first h3 {
        font-size: 50px;
    }
    .over-views .img-holder {
        margin-bottom: 27px;
        padding-right: 0px;
    }
    .over-views {
        padding: 50px 20px 40px 15px;
    }
    .over-views p.content {
        font-size: 15px;
        min-height: 190px;
    }
    .how-to-secure h2 {
        font-size: 35px;
        line-height: 55px;
    }
    .seceen-in-img::before {
        left: -30px;
        bottom: 50px;
    }
    .customer-content h3 {
        font-size: 45px;
        line-height: 50px;
        padding: 25px 0 0;
    }
    .customer-content P{
        font-size: 16px;
    }
    /* sec2 section start */
    .sec-2 {
        background-color: #f5f5f5;
        padding: 130px 0 120px;
        position: relative;
    }
    .sec-2 .section2-content h2 {
        font-size: 51px;
        line-height: 90px;
        color: #000000;
    }
    .sec-2 .section2-content {
        text-align: center;
        padding: 0 106px;
    }
    .floating-img-holder2 {
        width: 89px;
        height: 80px;
        top: 9%;
        left: 12%;
    }
    .floating-img-holder1 {
        width: 70px;
        height: 77px;
        top: 314px;
        left: 10%;
    }
    .floating-img-holder {
        width: 75px;
        height: 76px;
        top: 364px;
        left: 206px;
    }
    .floating-img-holder3 {
        width: 75px;
        height: 73px;
        bottom: 173px;
        left: 20px;
    }
    .floating-img-holder4 {
        width: 65px;
        height: 70px;
        top: 9%;
        right: 12%;
    }
    .floating-img-holder6 {
        width: 72px;
        height: 62px;
        top: 142px;
        right: 46px;
    }
    .floating-img-holder7 {
        width: 75px;
        height: 75px;
        bottom: 30px;
        right: 215px;
    }


    .sec5-content-holder h5.sec5-sub-heading {
        font-size: 48px;
        line-height: 77px;
        text-align: center;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: bold;
        color: #FFFFFF;
    }
    /* how to secure section start */
    .how-to-secure{
        margin-bottom: 50px;
    }
    .our-security {
        padding: 100px 0 0px;
    }
}
@media (max-width: 991px){

    /* banner section start */
    .btn1 {
        color: #ef7723;
    }
    .btn1:hover {
        color: #fff;
    }
    .btn-wrape .btn{
        border: 1px solid #ef7723;
    }
    .btn-wrape .btn::before {
        background: #ef7723;
    }
    .banner-form {
        padding: 20px 15px 35px;
        margin-top: 40px;
        border: 1px solid #ced4da;
    }
    .banner-form {
        width:auto;
    }
    .banner-content h1 {
        font-size: 40px;
        line-height: 45px;
        padding-top: 0;
    }
    .form-group .form-control {
        -webkit-appearance: none;
    }
    .more-space2 {
        padding: 9px 44px 11px 20px;
    }
    .form-group.space-right {
        margin-right: 60px;
        margin-left: 5px;
    }
    .nav-header::before {
        display: none;
    }
    .container-fluid {
        max-width: 720px;
    }
    .banner-content h2 {
        font-size: 18px;
    }
    .owl-dots {
    text-align: center;
    padding: 0px 0 40px;
    }
    .banner-content h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .banner-text-holder .banner-content p {
        max-width: 100%;
        margin-bottom: 27px;
    }
    /* how to secure section start */
    .how-to-secure{
        margin-bottom: 50px;
    }

    /* all in one section */
    .all-in-one {
        padding-top: 130px;
    }

    /* over view section start */
    .overview {
        padding: 60px 0 50px;
        box-shadow: 5px 0px 5px #c7c7c7ad;
    }
    .overview .over-views.first {
        padding: 20px 0px;
        margin-bottom: 27px;
    }
    .overview .over-views.first {
        padding: 20px 0px;
        margin-bottom: 15px;
    }
    .over-views.first h3 {
        margin-bottom: 20px;
    }
    .over-views h4 {
        font-size: 20px;
        line-height: 24px;
        color: #000;
        padding-right: 55px;
    }
    .over-views p.content {
        font-size: 18px;
        min-height: 0px;
    }
    .views-content-holder {
        min-height: 110px;
    }
    /* sec2 section start start */
    .sec-2 .section2-content h2 {
        font-size: 37px;
    }
    .sec-2 .section2-content {
        text-align: center;
        padding: 0 20px;
    }
    .sec-2 {
        padding: 100px 0 150px;
        position: relative;
    }

    
    .how-to-secure h2 {
        font-size: 35px;
    }
    .sec5-content-holder {
        padding: 5%;
    }
    .sec5-content-holder h5.sec5-sub-heading {
        font-size: 38px;
        line-height: 65px;
        margin-bottom: 20px;
    }
    .sec-5 {
        background-image: url('../images/img11.png');
        max-width: 100%;
        position: relative;
        height: auto;
        background-size: cover;
    }
    .footer-content p {
        margin: 0;
    }
    .footer-sec {
        background-image: url('../images/img12.png');
        max-width: 100%;
        position: relative;
        height: auto;
        background-size: cover;
        z-index: 11;
    }
    /* slidding icons */
    .floating-img-holder3 {
        width: 60px;
        height: 56px;
        top: 64%;
        left: 10%;
    }
    .floating-img-holder3 {
        width: 60px;
        height: 55px;
        top: 63%;
        left: 7%;
    }
    .floating-img-holder5 {
        width: 60px;
        height: 60px;
        top: 67%;
        right: 31%;
    }
    .floating-img-holder1 {
        width: 50px;
        height: 55px;
        top: 11%;
    }
    .floating-img-holder7 {
        width: 50px;
        height: 50px;
        top: 29%;
        right: 50px;
    }
    .floating-img-holder2 {
        width: 65px;
        height: 60px;
        top: 28%;
        left: 3%;
    }
    .floating-img-holder4 {
        width: 65px;
        height: 65px;
        top: 12%;
        right: 30%;
    }
    .floating-img-holder6 {
        width: 75px;
        height: 70px;
        top: 79%;
        right: 14%;
    }
    /* sec 3 strat */
    .sec-3 {
        padding: 70px 0;
    }
    .comments .owl-dots {
        padding: 20px 0 0;
    }
    
}
@media (max-width: 767px){
    .banner-content h1 {
        font-size: 50px;
        line-height: 70px;
        padding-top: 0;
    }
    .all-in-one {
        padding-top: 130px;
    }
    .section-heading h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .container-fluid {
        max-width: 620px;
    }
    .banner-text-holder .banner-content p {
        width:100% ;
        margin-bottom: 27px;
    }
    .banner-content h1 span.change-1 {
        display: inline;
    }
    .banner-form {
        width: 350px;
    }
    .banner-form {
        float: none;
        text-align: center;
        margin: 30px auto 0;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.28);
    }
    .all-in-one {
        padding-top: 120px;
    }

    /* overview section start */
    .overview {
        padding: 60px 0 60px;
        box-shadow: 5px 0px 5px #c7c7c7ad;
    }
    ul.slider-list li {
        font-size: 12px;
    }
    .sliders {
        width: 100%;
        height: 466px;
        background-color: #fff;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        padding: 26px;
    }
    /* sec2 section start start */
    .sec-2 .section2-content h2 {
        font-size: 35px;
    }
    .sec-2 .section2-content {
        text-align: center;
        padding: 0 20px;
    }
    .sec-2 {
        padding: 80px 0 110px;
        position: relative;
    }
    .floating-img-holder {
        width: 65px;
        height: 66px;
        top: 340px;
        left: 150px;
    }
    .floating-img-holder1 {
        width: 50px;
        height: 55px;
        top: 8%;
        left: 30%;
    }
    .floating-img-holder2 {
        width: 65px;
        height: 60px;
        top: 8%;
        left: 3%;
    }
    .floating-img-holder3 {
        width: 60px;
        height: 55px;
        top: 71%;
        left: 7%;
    }
    .floating-img-holder4 {
        width: 55px;
        height: 55px;
        top: 6%;
        right: 18%;
    }
    .floating-img-holder5 {
        width: 60px;
        height: 60px;
        top: 73%;
        right: 31%;
    }
    .floating-img-holder7 {
        width: 50px;
        height: 50px;
        top: 10%;
        right: 38px;
    }
    /* sec2 section end */
    .btn1 {
        color: #ef7723;
    }
    .btn1:hover{
        color: #fff;
    }
    .btn::before {
        background: #ef7723;
    }
    .btn {
        border: 1px solid #ef7723;
        padding: 15px 20px;
    }
    .sec-3 {
        padding: 50px 0;
        box-shadow: 0px 2px 5px 2px #c7c7c7ad;
        background-image: url('../images/map.png');
        background-position: 100% 100%;
        background-repeat: no-repeat;
    }
    .customer-content img {
        height: 40px;
        max-width: 79%;
    }

}
@media (max-width: 575px){
    .container-fluid {
        max-width: 540px;
    }
    .navbar-brand img{
        max-width: 130px;
    }
    .btn {
        border: 1px solid #ef7723;
        padding: 10px 12px;
        font-size: 12px;
    }
    .navbar-brand {
        margin-right: .10rem;
    }
    .banner-content h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .video-button a {
        width: 65px;
        height: 65px;
    }
    .all-in-one {
        padding-top: 60px;
    }
    .sec-2 .section2-content h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .sec-2 {
        background-color: #f5f5f5;
        padding: 32px 0 30px;
    }
    .banner-form {
        max-width: 100%;
    }
    .banner-content h1 span.change-1 {
        display: block;
        margin-bottom: 20px;
    }
    .banner-content {
        padding-top: 25px;
    }
    .owl-carousel .owl-stage {
        padding-top: 35px;
    }
    .sliders {
        width: 85%;
        height: auto;
        padding: 20px;
        margin: 0 25px 20px;
        padding-bottom:120px ;
    }
    ul.slider-list li {
        font-size: 12px;
    }
    .slider-list li {
        font-size: 13px;
    }
    .owl-dots {
        padding: 15px 0 25px;
    }
    .over-views.first h3 {
        font-size: 40px;
        line-height: 30px;
        margin-bottom: 13px;
    }
    .overview .over-views.first {
        padding: 15px 3px;
        margin-bottom: 20px;
    }
    .over-views .img-holder {
        margin-bottom: 27px;
        padding-right: 0px;
    }
    .over-views {
        padding: 40px 15px 30px 10px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0px 2px 5px 2px #c7c7c7ad;
        margin-bottom: 27px;
    }
    .over-views .spannn{
        min-width: 60px;
        min-height: 60px;
        background-color: #ef7723;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }
    .section-button{
        margin: 10px 0;
    }
    .over-views h4 {
        font-size: 18px;
    }
    .how-to-secure h2 {
        font-size: 28px;
        line-height: 40px;
        padding-top: 10px;
    }
    .our-security {
        position: relative;
        overflow: hidden;
        padding: 30px 0 50px;
        border-top: 1px solid #fff;
    }
    ul.slider-list li img{
        width: 70px;
        float:right;
    }
    .sec5-content-holder h5.sec5-sub-heading {
        font-size: 23px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .sec-5 .btn {
        padding: 10px 30px;
        font-size: 14px;
    }
    .section-button .btn {
        padding: 12px 15px;
        font-size: 14px;
        margin-left: 0;
    }

    /* images before & after */

    .seceen-in-img::before {
        display: none;
    }
    .seceen-in-img::after {
        display: none;
    }
    .screen-imges::before {
        display: none;
    }
    .screen-imges::after {
        display: none;
    }
    .footer-content {
        border-top: 2px solid rgba(255, 255, 255, 0.4);
        padding: 3.3% 0;
    }
    .views-content-holder {
        min-height: auto;
        min-height: 180px;
    }
    .over-views p.content {
        font-size: 15px;
        min-height: auto
    }
    /* slidding icons */
    .floating-img-holder6 {
        display: none;
    }
    .floating-img-holder3 {
        display: none;
    }
    .floating-img-holder {
        display: none;;
    }
    .floating-img-holder5 {
        display: none;
    }
    .floating-img-holder1 {
        display: none;
    }
    .floating-img-holder7 {
        display: none;
    }
    .floating-img-holder2 {
        display: none;
    }
    .floating-img-holder4 {
        display: none;
    }
    /* .section-button .btn {
        background-color: #ef7723;
    } */
    .customer-content img {
        height: 28px;
        max-width: 79%;
    }
    .sec-3 {
        padding: 25px 0;
        box-shadow: 0px 2px 5px 2px #c7c7c7ad;
        background-image: url('../images/map.png');
        background-position: 100% 100%;
        background-repeat: no-repeat;
    }
    .customer-content h3 {
        font-size: 22px;
        line-height: 30px;
        padding: 5px 0 0;
    }
    .footer-content p{
        font-size: 12px;
    }
    .more-space2 {
        padding: 9px 34px 11px 20px;
    }
    .form-group.space-right {
        margin-right: 20px;
        margin-left: 5px;
    }
    .form-group.space-right {
        margin-right: 4px;
        margin-left: 0px;
        width: 49%;
    }
    .item h6 {
        font-size: 15px;
        line-height: 25px;
    }
    .sec5-content-holder h5.sec5-heading {
        font-size: 20px;
        line-height: 30px;
    }
    .sec5-content-holder h5.sec5-sub-heading {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .owl-carousel .owl-stage {
        padding-top: 46px;
    }
    .customer-content {
        padding-top: 0px;
    }
    .section-heading h2 {
        font-size: 28px;
        line-height: 60px;
    }
    .section-heading P {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 400px){
    ul.slider-list li {
        font-size: 11px;
    }
    .overview {
        padding: 40px 0 20px;
        box-shadow: 5px 0px 5px #c7c7c7ad;
    }
    .banner-content h2 {
        font-size: 14px;
        line-height: 28px;
    }
    .coments-slides {
        margin-right: 0;
    }
    .owl-theme .item {
        width: auto;
        padding: 0 9px;
    }
}