@media (max-width: 1900px) {
    .videoMain {  height: 800px; }
}

@media (max-width: 1366px) {
    .videoMain {  height: 100%; }
}

@media (max-width: 1199px) {
    .bannerArea { padding: 80px 0 70px; }
    .bannerAreaLeft h1 { font-size: 40px; line-height: 50px; margin: 0 0 20px; }
    .bannerAreaLeft p { font-size: 18px; line-height: 25px; }
}
	
@media (max-width: 991px) {
    h2 { font-size: 30px; line-height: 35px; margin:0 0 10px; }
    h3 { font-size: 26px; line-height: 31px;}
    header {  min-height: auto; }
    .navbar-brand > img { width: 150px; }
    .navbar-nav { background: #fff; width: 100%; border-radius: 4px; }
    .navbar-collapse { position: absolute; right: 0; top: 80%; width: 300px; max-width: 90%; z-index: 999; }
    .navbar-light .navbar-toggler { background: #fff; border: none; padding: 4px 6px;}
    .navbar-light .navbar-toggler-icon { width: 30px; height: 22px; }
    .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus { background: #f7f7f7;outline: none;}
    .navbar-nav li { border-bottom: 1px solid rgb(0 0 0 / 10%);  padding: 0; width: 100%;}
    .navbar-light .navbar-nav .nav-link { border-radius: 0; color: #000; font-size: 15px; padding: 12px 15px;  text-align: right;}
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, 
    .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { background: #764187; color: #fff; }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { background: #764187; color: #fff; }
    .navbar-nav li.nav-itemBtn { margin: 0; padding: 0; }
    .navbar-nav li .btn { background: #fff; padding: 12px 15px; color: #000; font-size: 15px; width: 100%; text-align: right; border: none; line-height: 1; height: auto; text-transform: uppercase; }
    .bannerAreaInner { left: 40px; }
    .bannerAreaInner h1 { font-size: 38px; line-height: 50px;}
    .imagesSocial img { max-width: 154px;  height: auto; }
    .featuresInner { margin: 0 0 25px; }
    .featuresInnerLeft .featuresInner { padding: 0 15px 0 0; }
    .featuresInnerRight .featuresInner { padding: 0 0 0 15px; }
    .downloadRight img { max-width: 154px; height: auto; }
    .aboutLeft h2 {text-align: center; }
    .aboutLeft p { height: 180px; }
    .aboutRight img {width: 300px; }
}

@media (max-width: 767px) {
    .headingOther { margin: 0 0 30px;}
    .headingOther h2 { font-size: 32px; line-height: 38px; }
    .headingOther h2:before { font-size: 60px; }
    .headingOther p { font-size: 16px; line-height: 24px; }
    .headingOtherLeft h2 { font-size: 32px; line-height: 38px; }
    h2 { font-size: 30px; line-height: 35px;  margin:0 0 10px 0; }
    h3 { font-size: 24px; line-height: 29px; }
    .navbar-brand > img { width: 110px; }
    .banner { height: 430px; }
    .bannerAreaInner { width: 75%; left: 10%;}
    .bannerAreaInner h1 { font-size: 34px; line-height: 40px; }
    .bannerAreaInner h3 { font-size: 24px; line-height: 32px;}
    .bannerAreaInner p { font-size: 15px; line-height: 20px; }
    .footerTop { padding: 40px 0 0; }
    .footerInner ul li a { font-size: 14px; line-height: 19px; }
    .featuresInnerLeft .featuresInner { padding: 0; text-align: left;}
    .featuresInnerLeft .featuresInner:before {right: auto; left: -21px; }
    .featuresInnerRight .featuresInner { padding: 0; }
    .featuresInnerCenter:before, .featuresInnerCenter:after { display: none; }
    .featuresInnerCenter img { width: 280px; max-width: 100%; }
    .featuresInnerLeft, .featuresInnerRight { padding-left: 20px; }
    .featuresRES:nth-child(1) { order: 2; }
    .featuresRES:nth-child(2) { order: 1; }
    .featuresRES:nth-child(3) { order: 3; }
    .loader5 { top: 38%; }
    .priceBlock { margin: auto; }
    .aboutRES:nth-child(1) { order: 2; }
    .aboutRES:nth-child(2) { order: 1; }
    .aboutLeft p { height: auto; }
}

@media (max-width: 576px) {
    .banner { height: 450px; }
    .bannerAreaInner { width: 85%; left: 5%; top: calc(50% + 35px); }
    .headingOther h2 { font-size: 30px; line-height: 40px; }
    .socialIcon { text-align: center; }
    .footerInner { margin: 0; }
    .imagesSocial img { max-width: 120px; }
    .downloadRight img { max-width: 120px; }
}