@media screen and (max-width: 1980px) and (min-width: 1367px){}
@media screen and (max-width: 1920px) and (min-width: 992px){
    .flip-container, .front, .back {
        height: 680px;
    }
}
@media screen and (max-width: 1920px) and (min-width: 1367px){
    .features-item{
        min-height: 260px;
    }
    .footer ul li {
        display: inline-block;
        padding: 15px 200px 15px 0;
    }
    .footer ul li:nth-child(2) {
        padding: 15px 100px 15px 100px;
    }
    .footer ul li:last-child {
        padding: 15px 0 15px 200px;
    }
    .prod-pointers ul {
        padding: 0 0 0 20px;
        font-size: 12px;
    }
    .header-text{
        top: 31%;
        left: 25%;
    }
    iframe{
        height: 600px;
    }
    .form-div{
        padding: 40px 30px;
    }
    .form-control{
        margin: 0 0 25px;
    }
    .vid-animate{
        left: 50%;
    }
    .header-text h1{
        font-size: 50px;
    }
    .back-points{
        top: 2.5%;
    }
    .features-item p{
        font-size: 18px;
    }
    .carousel-showmanymoveone .carousel-inner p {
        font-size: 20px;
    }
    .form-div h1{
        font-size: 24px;
    }
    .form-control{
        height: 40px;
        font-size: 14px;
    }
    .btn-default, .btn-default:hover{
        margin: 20px 0 0;
    }
    .navbar{
        min-height: 60px;
    }
    .logo img {
        width: 80%;
    }
    .header-contact {
        margin: 23px 0 0;
        font-size: 14px;
    }
    .footer ul li{
        padding: 15px 0px 15px 20px;
    }
}
@media screen and (max-width: 1680px) and (min-width: 1367px){
    .features-item {
        min-height: 230px;
    }
    .footer ul li {
        padding: 15px 130px 15px 0;
    }
    .footer ul li:nth-child(2) {
        padding: 15px 80px 15px 80px;
    }
    .footer ul li:last-child {
        padding: 15px 0 15px 130px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1367px){
    .features-item {
        min-height: 210px;
    }
    .header-text {
        top: 26%;
        left: 24%;
    }
    .footer ul li:last-child {
        padding: 15px 0 15px 110px;
    }
    .footer ul li {
        padding: 15px 100px 15px 0;
    }
}
@media screen and (max-width: 1440px) and (min-width: 1367px){
    .footer ul li:nth-child(2) {
        padding: 15px 20px 15px 20px;
    }
}
@media screen and (max-width: 1280px){
    .footer ul li{
        padding: 15px 50px 15px 0;
    }
}
@media screen and (max-width: 1024px){
    .container {
        width: 80%;
    }
    .header-text{
        left: 17%;
        width: 35%;
        top: 20%;
    }
    .features-item{
        min-height: 160px;
    }
    .footer ul li {
        padding: 15px 20px 15px 0;
    }
    .form-div{
        top: 10%;
        right: 11%;
        width: 30%;
    }
}
@media screen and (max-width: 990px){
    .product-item{
        width: 30% !important;
        float: left;
    }
    .features-item {
        float: left;
    }
    .footer ul li {
        padding: 5px 0 0;
        text-align: center;
        width: 100%;
    }
    .footer ul {
        padding: 10px 0;
    }
    .header-text {
        left: 17%;
    }
    .heading h1, .heading h2 {
        font-size: 30px;
    }
    .carousel-indicators {
        margin-bottom: 0;
    }
    .arrow{
        display: none;
    }
}
@media screen and (max-width: 800px){
    .form-div {
        top: 1%;
        right: 10%;
        width: 35%;
        padding: 20px 0px;
    }
    .header-text {
        top: 16%;
        left: 10%;
    }
    .vid-animate{
        left: 50%;
    }
    #vid-popup .modal-content{
        padding: 2% 5%;
    }
    .product-item{
        width: 46% !important;
    }
    .features-item {
        min-height: 170px;
        width: 29%;
    }
    .header-text h1{
        font-size: 30px;
    }
    .header-text h2{
        font-size: 20px;
    }
}
@media screen and (max-width: 768px){
    .form-div{
        position: initial;
        margin: 0 auto;
        float: left;
        width: 100%;
        border: none;
    }
    .btn-default, .btn-default:hover{
        margin: 0;
    }
    #headerbanner_mob, #videobanner_mob{
        display: block;
        float: left;
    }
    #headerbanner, #videobanner{
        display: none;
    }
    .header-text {
        top: 0%;
        left: auto;
        text-align: center;
        width: 100%;
    }
    .vid-animate {
        left: 50%;
        text-align: center;
        top: 55%;
    }
    #videobanner_mob .item{
        min-height: 260px;
        background: #00427e;
    }
    .vid-animate p{
        top: auto;
        left: -50px;
        font-size: 10px;
    }
    #vid-popup-mob{
        padding-right: 0px;
    }
    #vid-popup-mob .modal-content{  
        padding: 2% 3%;
    }
    .video-img-bg{
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .vidimg{
        visibility: hidden;
    }
    .thankyou {
        margin: 10% 0;
    }
    .flip-container, .front, .back {
        height: 635px;
    }
}
@media screen and (max-width: 640px){
    .header-contact {
        margin: 25px 0 0;
    }
    .vid-animate p {
        top: -10px;
    }
    #videobanner_mob .item {
        min-height: 190px;
    }
    .navbar-nav{
        text-align: right;
    }
    .header-text h1{
        font-size: 20px;
    }
    .header-text h2{
        font-size: 15px;
    }
    .product-item {
        width: 55% !important;
        margin: 2% 23%;
    }
    .features-item {
        width: 35%;
        margin: 2% 7%;
    }
    .carousel-showmanymoveone img{
        margin: 0 auto;
    }
    .carousel-showmanymoveone .carousel-control .glyphicon-chevron-left, .carousel-showmanymoveone .carousel-control .glyphicon-chevron-right, .carousel-showmanymoveone .carousel-control .icon-next, .carousel-showmanymoveone .carousel-control .icon-prev{
        width: 27px;
    }
    .video-img-bg{
        width: 30%;
    }
    .modal-dialog {
        position: relative;
        width: 85%;
        margin: 50px auto;
    }
    .flip-container, .front, .back {
        height: 560px;
    }
}
@media screen and (max-width: 600px){
    .features-item {
        min-height: 150px;
    }
    .navbar-nav {
        margin: 0;
    }
}
@media screen and (max-width: 480px){
    .product-item {
        width: 75% !important;
        margin: 2% 13%;
    }
    .features-item {
        width: 52% !important;
        margin: 2% 24%;
    }
    .dash img {
        width: 45%;
    }
    .navbar-nav {
        width: 100%;
        float: left;
        text-align: center;
    }
    .navbar-brand{
        width: 100%;
    }
    .logo img {
        width: 30%;
        margin: 0 auto;
    }
    .header-contact {
        margin: 10px 0 0;
    }
    .heading h1, .heading h2 {
        font-size: 25px;
    }
    iframe{
        height: 400px;
    }
    .rightfixed{
        padding: 6px 10px;
        font-size: 12px;
    }
    .header-form {
        margin: 0px;
    }
}
@media screen and (max-width: 425px){}
@media screen and (max-width: 414px){
    .heading h1, .heading h2 {
        font-size: 21px;
    }
    .product-item {
        width: 95% !important;
        margin: 2% 3%;
    }
    .heading {
        margin: 6% 0 0;
    }
    .features-item {
        width: 70%;
        margin: 2% 14%;
    }
}
@media screen and (max-width: 384px){
    .videoicon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .form-div{
        padding: 20px 10px;
    }
}
@media screen and (max-width: 375px){
    .logo img {
        width: 40%;
    }
}
@media screen and (max-width: 360px){}
@media screen and (max-width: 320px){}