@media (min-width:1600px){
    .stepHead p {
        padding: 0px 550px;
    }
    #steps .steps-wrapper{
        padding: 50px 150px 80px 150px;
    }  
}


@media (min-width:1081px) and (max-width:1280px) {
    .aboutDetails {
        padding: 25px 105px 30px 90px;
    }
    .aboutDetails2 {
        text-align: left;
        padding: 80px 101px 30px 130px;
    }

    .aboutImg {
        padding: 30px 70px 0px 0px;
    }
    .aboutImg2 {
        padding: 30px 0px 0px 70px;
    }

    .offer .offer-head {
        padding: 0px 125px 30px 90px;
    }
    .offer .offer-lists {
        padding: 60px 100px 30px 0px;
    }

    .offer .offer-lists {
        padding: 60px 100px 30px 0px;
    }

    .block-images .block {
        padding: 40px;
    }


}

@media (min-width:0px) and (max-width:1080px) {
    .aboutDetails {
        padding: 20px 60px 30px 60px;
    }
    .aboutImg {
        padding: 30px 50px 0px 0px;
    }

    .aboutDetails2 {
        text-align: left;
        padding: 80px 60px 30px 60px;
    }
    .aboutImg2 {
        padding: 30px 0px 0px 70px;
    }

    .offer .offer-head {
        padding: 0px 80px 30px 60px;
    }
    .offer .offer-lists {
        padding: 0px 60px 30px 0px;
    }

    .block-images{
        padding: 0px 15px 50px;
    }
    .block-images .block {
        padding: 25px;
    }

    .security-head {
        padding: 0px 180px 0px 150px;
    }
    .security-head h1 {
        font-size: 40px;
        padding: 0px 70px 0px 0px;
    }

    .midblocks .container {
        padding: 0px 100px;
    }
    .stepHead p {
        margin: 70px 0px 40px;
        padding: 0px 200px;
    }

    #steps .steps-wrapper {
        padding: 50px 80px 80px 70px;
    }
    .stepBox {
        padding: 30px 0px 20px;
    }
    .stepBox-inner {
        background: rgba(255,255,255,.8);
    }
    .stepBox-inner .index {
        position: absolute;
        left: -15px;
        top: 80px;
    }

    .video-wrapper {
        height: 350px;
    }
    .vidHead {
        padding: 60px 90px 30px 70px;
    }
    .vidHead2{
        padding: 60px 70px 30px 90px;
    }
    .vidHead .head-big {font-size: 45px;}
    .vids2 {
        position: relative;
        margin-bottom: 130px;
    }
    .contact {
        padding: 0px 150px;
    }

    .footer {
        padding: 30px 0px 20px;
    }
}

@media (min-width:0px) and (max-width:991px) {
    .navbar > .container-fluid .navbar-brand {
        margin-left: 10px;
    }
    .menu-wrapper .buttons {
        right: 15px;
        top: 12px;
    }
    .menu-wrapper .buttons button {
        margin: 0px 2px !important;
    }
    header .btn-twitter {padding: 7px 20px;
        top: 70px;
        right:15px;
    }
    .menu-ul li a {margin: 0px 10px;}

    header{
        max-height:700px;
        background-attachment:unset;
    }
    .head-big {
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        font-size: 35px;
    }

    .security-head {
        padding: 0px 150px 0px 130px;
    }
    .security-head h1 {
        padding: 0px 40px 0px 0px;
    }


    .midblocks .container {
        padding: 0px 40px;
    }
    .stepHead p {
        padding: 0px 130px;
    }

    .vids{width: 90%;}
    .vidHead {
        padding: 60px 65px 30px 50px;
    }
    .vidHead2{
        padding: 60px 50px 30px 65px;
    }
    .vidHead .head-big {
        font-size: 32px;
    }
    .contact {
        padding: 0px 60px;
    }
}

@media (min-width:768px) and (max-width:950px) {
    .menu-wrapper .buttons {
        right: 10px;
        top: 10px;
    }
    .menu-wrapper .buttons button {
        padding: 6px 10px 7px !important;
        font-size: 10px !important;
    }
    .menu-ul li a {
        margin: 0px 8px;
        font-size: 13px;letter-spacing: 0px;
    }
    .head-big {
        font-size: 33px;
    }
    .aboutDetails p {
        font-size: 16px;
    }
    
    .aboutDetails {
        padding: 20px 20px 30px 30px;
    }
    .aboutImg {
        padding: 30px 20px 0px 0px;
    }
    .aboutDetails2 {
        padding: 20px 20px 30px 40px;
    }
    .aboutImg2 {
        padding: 30px 0px 0px 20px;
    }
    .offer .offer-head {
        padding: 0px 50px 30px 30px;
    }
    .offer .offer-lists {
        padding: 0px 10px 30px 0px;
    }

    .security-head {
        padding: 0px 100px 0px 100px;
    }
    .security-head h1 {
        padding: 0px 40px 0px 0px;
    }

}
@media (min-width:0px) and (max-width:767px) {
    .navbar-toggle {margin-right: 20px;}
    .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        background: #393C83;
    }
    .menu-wrapper .buttons {
        right:95px;
        top: 9px;
    }
    .menu-wrapper .buttons button {padding: 3px 14px 5px !important;}
    .menu-ul{
        position: relative;
        left:0px;
        width:100%;
        -webkit-transform:unset ;
        -ms-transform: unset;
        -o-transform:unset ;
        transform: unset;
        top: 0px;
        text-align: center;
        padding:20px 0px 30px;
        background: #eee;
        margin:0px;
    }
    .menu {
        padding:0px;
    }

    .menu-ul li {
        display: block;
        margin: 15px 0px;
    }

    header {
        max-height: 667px;
    }

    .about-2-small{
        display: block;
    }
    .about-2-big{
        display: none;
    }
    .aboutImg {
        padding: 30px 80px 0px 50px;
    }

    .offer .offer-lists {
        padding: 0px 60px 30px 60px;
    }
    .offer2 .paragraph-bold {
        padding: 25px 20px;
         -webkit-box-shadow: 0px 5px 10px #dedede;
        -moz-box-shadow: 0px 5px 10px #dedede;
        -o-box-shadow: 0px 5px 10px #dedede;
        box-shadow: 0px 5px 10px #dedede;
    }

    .security-head {
        padding: 0px 90px 0px 90px;
    }

    .security-head h1 {
        padding: 0px 40px 0px 0px;
        font-size: 35px;
    }

    .block-images {
        padding: 0px 75px 50px;
    }
    .block-images .block {
        padding: 25px;
        margin: 20px 0px;
    }
    #steps{
        padding: 200px 0px 0px;
    }

    .vidHead,.vidhead2{
        position: relative;
        padding: 60px 60px;
        text-align: center;
    }
    .vidHead .head-big::after,
    .vidhead2 .head-big::after{
        left:50%;
        margin-left:-15px;
    }

    .vidPoster,
    .video-wrapper .closeVideo,
    .vids .playButton,
    .vidHead::before,
    .vidHead::after
    {
        display: none !important;
    }
    .video{
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transform:scale(1) !important;
    }

    .stepBox{
        float: none;
        margin: 0px auto
    }
    .steps-details {
        padding:50px 0px 0px;
        text-align: center;
    }
    .stepBox-inner .index {
        left: 50%;
        top: 65px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .step-block:nth-child(2) {
        margin: 150px 0px 120px;
    }
    .stepBox-inner::after {
       display: none
    }
    .contact {
        padding: 0px 110px;
    }


}

@media (min-width:0px) and (max-width:600px) {
    header .contents p {margin-bottom: 5px;}
    header .contents h1 {
        font-size: 85px;
    }
    header .contents span {font-size:14px;letter-spacing:1px;}
    header .contents button {
        padding: 10px 20px;
    }

    .offer-lists ul li span {
        font-weight: 400;
        font-size: 17px;
        margin: 0px 2px;
    }

    .security-head {
        padding: 0px 40px 0px 40px;
    }

    .security-head h1 {
        padding: 0px 30px 0px 0px;
        font-size:30px;
        font-weight:500;
    }
    .security-head ul li{
        font-size: 18px;
    }
    .security-head ul li img {
        width: 15px;
        top: 5px;
        left: -30px;
    }
    .security-head .paragraph-normal {
        font-weight: normal;
    }
    .security-head .paragraph-normal:after{
        display: none;
    }



    .block-images {
        padding: 0px 40px 50px;
    }
    .midblocks {
        padding: 0px;
        height: 250px;
    }
    .stepHead p {
        padding: 0px 50px;
    }
    #steps .steps-wrapper {
        padding: 50px 40px;
    }
    .stepBox {
        width: 50%;
    }
    .contact {
        padding: 0px 80px;
    }

}

@media (min-width:0px) and (max-width: 500px) {
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }

    .nav-logo img {
        width: 100px;
        height: auto;
    }
    .menu-wrapper .buttons {
        right: 85px;
    }
    .menu-wrapper .buttons button {
        padding: 4px 12px 7px !important;
        margin: 0px 0px !important;
        font-size: 10px !important;
    }
    header .btn-twitter {
        padding: 7px 20px;
        top: 70px;
        right: 30px;
    }
    header .contents h1 {
        font-size: 75px;
    }
    .aboutDetails2 {
        text-align: left;
        padding: 15px 60px 30px 60px;
    }

    .security-head {
        padding: 0px 30px 0px 40px;
    }

    .security-head h1 {
        padding: 0px 0px;
        font-size:30px;
        font-weight:400;
    }
    .security-head ul li{
        font-size: 17px;
    }

    
    .offer {
        padding: 120px 0px 50px;
    }

    .offer .offer-head {
        padding: 0px 50px 30px 60px;
    }
    .offer .offer-lists {
        padding: 0px 35px 30px 60px;
    }
    .block-images {
        padding: 0px 25px 50px;
    }
    .paragraph-bold {font-size: 18px;}

    .stepBox {
        width: 65%;
    }
    .vidHead, .vidhead2 {
        padding:30px 35px 60px;
    }
    .video-wrapper {
        height: 300px;
    }

    #contact {
        padding: 25px 0px;
    }
    .contact {
        padding: 0px 55px;
    }
  	
}


@media (min-width:0px) and (max-width: 450px) {
    header .contents h1 {
        font-size: 62px;
        font-weight: 700;
    }
    .aboutDetails2 {
        text-align: left;
        padding: 0px 60px 30px 60px;
    }
    .aboutImg {
        padding: 0px 50px 0px 50px;
    }
    .offer {
        padding: 100px 0px 50px;
    }
    .video-wrapper {
        height: 230px;
    }
    .offer .offer-head {
        padding: 0px 50px 30px 40px;
    }
    .offer .offer-lists {
        padding: 0px 35px 30px 40px;
    }
    .offer2 .paragraph-normal {font-size: 14px;}

    .security-head h1{
        padding: 0px 20px 0px 0px;
        font-size:27px;
        font-weight:400;
    }
    .security-head ul li{
        font-size: 17px;
    }

    .block-images {
        padding: 0px 10px 50px;
    }
    .paragraph-normal {font-size: 16px;}

}

@media (min-width:0px) and (max-width: 360px){
    button.navbar-toggle{
        z-index: 1;
    }
    .dropdown ul{
        z-index:9999999 !important;
    }

    .paragraph-bold {
        font-size: 16px;
    }

    .menu-wrapper .buttons {
        position: fixed;
        top:0px;
        background: #fff;
        width: 100%;
        left: 0px;
        padding:10px 10px;
        text-align: right;
        border-bottom:1px solid #e3e0e0;
        z-index: 2000
    }
    .menu-wrapper .buttons button {
        padding: 4px 16px 7px !important;
    }
    header .btn-twitter {
        position: fixed;
        top: 10px;
        left:5px;
        right:unset;
        z-index: 99999;
        padding: 4px 12px 7px !important;
        margin: 0px 0px !important;
        font-size: 10px !important;
        text-transform: none;
    }
    .navbar-fixed-top{
        top:50px;
        z-index:1000;
    }

    header{
        top:70px;
        min-height: unset;
    }
    header .contents p {
        padding:5px 15px;
        font-size: 11px;
    }
    header .contents{
         top: 45%;
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%) ;
        -o-transform: translateY(-45%) ;
        transform: translateY(-45%) ;
    }
    header .contents h1 {
        font-size: 59px;
        font-weight:700;
    }
    header .contents span {
        font-size: 12px;
        letter-spacing: 1px;
        margin: 5px 0px 17px;
    }
    header .contents button {
        padding: 10px 20px;
        font-size: 10px;
        background:#fff;
        color: #212121;
    }

    .aboutDetails {
        padding: 20px 30px 30px;
    }
    .aboutImg {
        padding: 0px 30px 0px;
    }
    .aboutDetails2 {
        text-align: left;
        padding: 0px 30px 30px;
    }
    .offer .offer-head {
        padding: 0px 30px 30px;
    }
    .offer2 .offer-head {
        padding: 0px 0px 30px;
    }
    .offer-lists ul li img {
        width: 15px;
        height: auto;
        position: absolute;
        top: 7px;
        left: -32px;
    }
    .offer-lists ul li {font-size: 15px;}
    .offer-lists ul li span{font-size: 15px;}
    .offer .offer-lists {
        padding: 0px 35px 30px 30px;
    }
    .offer2 {
        padding: 0px 0px 50px;
    }
    .offer2 .paragraph-normal {
        font-size: 17px;
        letter-spacing: 0px;
    }
    .offer2 .paragraph-normal:after{
        display: none;
    }
    .block-images {
        padding: 0px 0px 50px;
    }
    .block-images .block {
        padding: 25px;
        margin: 10px 0px;
    }
    .midblocks .container {
        padding: 0px 25px;
    }

    .midblocks .container p {
        color: #fff;
        font-weight: 300;
        font-size: 17px;
    }
    #steps {
        padding: 80px 0px 0px;
    }
    #steps .head-big {
        padding: 0px 30px;
    }
    .stepHead p {
        padding: 0px 30px;
    }
    .stepBox {
        width:85%;
    }
    #steps .steps-wrapper {
        padding: 50px 20px;
    }
    .vidHead, .vidhead2 {
        padding: 30px 15px 20px;
    }
    .video-wrapper {
        height: 180px;
    }
    .vids2 {
        margin-bottom: 50px;
    }
    .vidHead .head-big {
        font-size: 27px;
        line-height: 30px;
    }
    .contact {
        padding: 0px 30px;
    }
}
@media (min-width:0px) and (max-width: 320px) {
    .menu-wrapper .buttons {
        position: fixed;
        top:0px;
        background: #fff;
        width: 100%;
        left: 0px;
        padding:10px 7px;
        border-bottom:1px solid #e3e0e0
    }
    .menu-wrapper .buttons button {
        padding: 4px 12px 7px !important;
    }
    header .btn-twitter {
        right:7px;
        z-index: 99999;
        padding: 4px 12px 7px !important;
    }
    header .contents p {
        font-size: 10px;
    }
    header .contents h1 {
        font-size: 50px;
        font-weight: 700;
    }
    header .contents span {
        font-size: 10px;
        margin: 5px 0px 15px;
    }
    header .contents button {
        padding: 8px 15px;
        font-size: 10px;
    }
}