@media screen and (min-width: 1501px) and (max-width: 1920px) {
.blog .ml-auto {margin-left: 66% !important;} 
.fb-1 {      top: 200px !important;  } 
.twitter-1 {  top: 450px !important; }
.tumblr-1 {  top: 320px !important;}
.yt-1 { top: 320px !important;}
.linkedin-1 { top: 450px !important;}
.insta-1 {top: 200px !important;  }
.cv-popup .modal-body {width: 35% !important;}
.cv-popup .modal-footer{width: 40% !important;}
.cv-popup .modal-content{height: 120vh !important;}  
.cv-popup .modal-header {    padding-top: 48px;}
.below-logo {padding-top: 100px;}
.enter-web {margin-top: 5%; }
.vid_adjst {width: 100%; height: 100vh;}

    
}
@media screen and (min-width: 1370px) and (max-width: 1500px) {
.spidochetube_inner { width: 100% !important;}
/* #spidochetube_player { height: 60vh !important;} */
.vid_next_sec h4{    font-size: 1.1rem !important;}
.fb-1 {  left: 30% !important; } 
.twitter-1 {  right: 30%; }
.tumblr-1 {  left: 26%; }
.yt-1 {  right: 26%; }
.linkedin-1 {  left: 30%;}
.insta-1 {  right: 30%; }
.about-txt h4{font-size: 1.2rem;}
.code {    margin: 0vh 0 0 0 !important;}
.ftr-top {height: 88vh !important;} 
.pddn-top100 { padding-top: 50px;  padding-bottom: 50px;}
.nl-form ::-webkit-input-placeholder {font-size: 20px;}
.nl-form input{    }
    .wrap{right: -25% !important;}
    .text5{top: 400px !important;}
/*#ninja-slider .slider-inner {max-width: 67% !important;}*/
#myModal-root1 .modal-dialog{max-width: 50% !important;}
.text1, .text2, .text3, .text4, .text5 {width: 100px !important; height: 100px !important;}
    .cv-popup .modal-header{padding-top: 35px;}
    .cv-popup .modal-content {height: 200vh !important;}
}
@media screen and (min-width: 1281px) and (max-width: 1369px) {
.spidochetube_inner { width: 100% !important;}
/* #spidochetube_player { height: 60vh !important;} */
.vid_next_sec h4{    font-size: 1.1rem !important;}
.fb-1 {  left: 30% !important; } 
.twitter-1 {   right: 30%;}
.tumblr-1 {  left: 26%; }
.yt-1 {  right: 26%; }
.linkedin-1 {  left: 30%;}
.insta-1 {right: 30%; }
.about-txt h4{font-size: 1.1rem;}
.code {    margin: 0vh 0 0 0 !important;}
.ftr-top {height: 88vh !important;} 
.pddn-top100 { padding-top: 50px;  padding-bottom: 50px;}
.nl-form ::-webkit-input-placeholder {font-size: 20px;}
.nl-form input{     width: 34% !important;}
.wrap{right: -25% !important;}
.text5{top: 400px !important;}

#myModal-root1 .modal-dialog{max-width: 50% !important;}
.text1, .text2, .text3, .text4, .text5 {width: 100px !important; height: 100px !important;}  
.cv-popup .modal-header{padding-top: 35px;}
.cv-popup .modal-content {height: 173vh !important;}
.text1 p, .text4 p, .text5 p{padding-top: 30px !important;    font-size: 11px !important;}
.text2 p, .text3 p{   font-size: 11px !important;}
.bx-viewport li {margin-left: 0px !important;}
 
    
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
 .spidochetube_inner { width: 100% !important;}
/* #spidochetube_player { height: 60vh !important;} */
.vid_next_sec h4{    font-size: 1.1rem !important;}
.fb-1 {  left: 30% !important; } 
.twitter-1 {  right: 30%; }
.tumblr-1 {  left: 26%; }
.yt-1 {  right: 26%; }
.linkedin-1 {  left: 30%;}
.insta-1 {  right: 30%; }
.about-txt h4{font-size: 1.2rem;}
.code {    margin: 0vh 0 0 0 !important;}
.ftr-top {height: 88vh !important;} 
.pddn-top100 { padding-top: 50px;  padding-bottom: 50px;}
.nl-form ::-webkit-input-placeholder {font-size: 20px;}
.nl-form input{   }
.wrap{right: -25% !important;}
.text5{top: 375px !important;}
/*#ninja-slider .slider-inner {max-width: 67% !important;}*/
#myModal-root1 .modal-dialog{max-width: 50% !important;}  
.text1, .text2, .text3, .text4, .text5 {width: 100px !important; height: 100px !important;}
    .cv-popup .modal-header{padding-top: 35px;}
    .cv-popup .modal-content {height: 200vh !important;}
    .cv-popup .modal-body { width: 60% !important;}
    .text1 p, .text4 p, .text5 p{padding-top: 10px !important;    font-size: 11px !important;}
    .text2 p, .text3 p{   font-size: 11px !important;}
    .home-bg h4 {font-size: 1.3rem !important; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.fb-1 {  left: 24% !important; } 
.twitter-1 {   right: 23%;}
.tumblr-1 {  left: 18%; }
.yt-1 {  right: 18%; }
.linkedin-1 {  left: 23%;}
.insta-1 { right: 24%; } 
.homepage_top_sec h2{font-size: 1.5rem;}
.navbar-expand-md .nav-item{padding: 1em 1em !important;}
.wrap {right: -23% !important;}
.align_item1 {padding: 15px !important;}
.nl-form input{    }
.text1, .text2, .text3, .text4, .text5 {width: 100px !important; height: 100px !important;}
.about-txt h4{font-size: 1.1rem !important;}
.cv-popup .modal-body{    width: 65% !important;}
    .pddn-top100 {    padding-top: 50px !important;padding-bottom: 50px !important;}
    .home-bg h4{font-size: 1rem !important; }
    .vid_next_sec h4{font-size: 1.3rem !important;}
    .display_mb{display: block !important;    margin: 0px auto; }
    .display_dsk , #home{display: none !important;}
    .ftr-top {height: 100vh !important;}
    .text1 p, .text2 p , .text5 p{    padding-top: 30px !important;}
    .text4 p {padding-top: 20px !important;}
    .text1 {top: 40px !important;}
    .text2 {top: 150px !important;} 
    .text3 {top: 190px !important;} 
    .text5 {top: 280px !important;} 
}
@media screen and (min-width: 700px) and (max-width: 768px) {
    .fb-1 {  left: 18% !important; } 
    .twitter-1 { right: 15%; }
    .tumblr-1 {  left: 8%; }
    .yt-1 {  right: 8%; }
    .linkedin-1 {  left: 15%;}
    .insta-1 {  right: 18%;  } 
    .homepage_top_sec h2{font-size: 1.5rem;}
    .navbar-expand-md .nav-item{padding: 1em 0.3em !important;}
    .nl-form input{     width: 37% !important;}
    .nl-form ::-webkit-input-placeholder {  font-size: 16px !important; }
    .reach-info{    font-size: 16px !important}
    .nl-form{padding-top: 0px !important;}
    #header a img{margin-left: 1em !important;}
    #header a {text-align: center;}
/*    #header li{border-bottom: 1px solid #FCA;}*/
    #header li a {color:#000;}
    .navbar-toggler{ margin-right: 0em !important;}
    .pddn-top100{padding-top: 50px !important;    padding-bottom: 50px !important;}
    .cv-popup .modal-content {    height: 100vh !important; font-size: 0.7rem !important;}
    .cv-popup .modal-body{    width: 76% !important;}
    .cv-popup .carousel-control-prev, .cv-popup .carousel-control-next {    bottom: 65px !important;}
    .home-bg h4{font-size: 1rem !important;}
    .about-txt {padding-top: 35px !important; width: 90% !important;}
    .about-txt h4 {font-size: 1rem !important;}
    .align-animate-item { padding-top: 50% !important;}
    .ftr-top {height: 100vh !important;}
    .text1 {top: 18px !important; left: 10% !important;}
    .text4 {top: 24px !important; left: 74% !important;}
    .text2 {top: 150px !important; left: 28% !important;}
    .text3 {top: 150px !important;  left: 60% !important;}
    .text5 {top: 264px !important;  left: 44% !important; }
    .container-fluid{width: 90% !important;}
    #spidochetube_list li span{font-size: 9px !important;}
/*    #spidochetube_list{    height: auto !important;}*/
    .contact_bg{height: 78vh !important;}
    .vid_next_sec h4{font-size: 1.3rem !important;}
    #intro_vid_hindi .modal-dialog , #intro_vid_english .modal-dialog{max-width: 98% !important;}
    .display_mb{display: block !important;     margin: 0px auto;}
    .display_dsk , #home{display: none !important;}
}
@media screen and (min-width: 680px) and (max-width: 699px) {
    .fb-1 {  left: 18% !important; } 
.twitter-1 {  right: 15%;}
.tumblr-1 {  left: 8%; }
.yt-1 {  right: 8%; }
.linkedin-1 {  left: 15%;}
.insta-1 {  right: 18%;  } 
    .homepage_top_sec h2{font-size: 1.5rem;}
    .navbar-expand-md .nav-item{padding: 1em 0.3em !important;}
    .nl-form input{     width: 37% !important;}
    .nl-form ::-webkit-input-placeholder {  font-size: 16px !important; }
    .reach-info{    font-size: 16px !important}
    .nl-form{padding-top: 0px !important;}
    #header a img{margin-left: 1em !important;}
    #header a {text-align: center;}
    #header li{border-bottom: 1px solid #FCA;}
    .navbar-toggler{ margin-right: 0em !important;}
    .navbar-toggler .ml-auto,.navbar-toggler .mx-auto{background-color: #1457aa;}
    #header li a {color:#000;}
}
@media screen and (min-width: 481px) and (max-width: 679px) {
    .container-fluid {    width: 100% !important;}
    .body-cover {height: 400vh !important;   }
    .navbar-expand-md {padding: 0em 0em !important;}
    .about-txt h2 {font-size: 1.5rem !important;}
    .about-txt h4 {    font-size: 14px !important;}
    .about-txt {padding-top: 50px !important;width: 95% !important;}
    .align-animate-item{ padding-top: 10% !important;}
    .code{margin: 3vh 0 2vh 0 !important;}
    .ftr-top {height: 78vh !important;}
    .text1{width: 70px !important;height: 70px !important; top: 30px !important;left: 16% !important;}
    .text1 p, .text2 p, .text3 p, .text4 p, .text5 p{    padding: 20px 2px !important; font-size: .6rem !important;}
    .text2{width: 70px !important;height: 70px !important; top: 90px !important;left: 32% !important;}
    .text3 {width: 70px !important;height: 70px !important; top: 20px !important;left:75% !important;}
    .text4 {width: 70px !important;height: 70px !important; top: 80px !important;left: 55% !important;}
    .text5 {width: 70px !important;height: 70px !important; top: 180px !important;left: 45% !important;}
    
    .btm_menu li {padding: 10px 8px !important;}
    .for-ftr .ftr ul{margin-left: -40px !important;}
    .nl-form input{width: 60% !important;}
    .nl-form ::-webkit-input-placeholder{ font-size: 16px !important;}
    .nl-form {    padding-top: 0px !important;}
    .pddn-top100 { padding-top: 50px !important; padding-bottom: 50px !important;}
    .reach-info{font-size: 16px !important;}
    .code {    padding: 10px 0px !important;}
    .fb-1 {  left: 26% !important; width:80px ;top: 120px;} 
    .twitter-1 { right: 26% !important; width:80px;top: 320px;}
    .tumblr-1 {  left: 21% !important;width:80px;top: 220px;   }
    .yt-1 {  right: 21% !important;width:80px;width:80px;top: 220px; }
    .linkedin-1 {left: 26% !important;width:80px;top: 320px;}
    .insta-1 {right: 26% !important; width:80px;top: 120px; }
    
    .homepage_top_sec .bxslider li img {width: 265px !important;}
    .site-main .container {width: 100% !important;}
    .entry-title {font-size: 16px !important;}
    .content-area h1 {    line-height: 1.2em !important;}
    .homepage_top_sec h2{font-size: 1.5rem !important;}
    .homepage_top_sec h3{font-size: 1.2rem !important;}
    .search{width: 75% !important;}
    #spidochetube_player{ width: 100% !important;}
    #spidochetube_list{width: 100% !important;    padding-top: 100% !important; margin-top: 5% !important;}
    #spidochetube_list li img { width: 30% !important;}
    #spidochetube_player{padding: 20px !important;border-radius: 26px !important;}
    .video_top_sec h3 {font-size: 1.5rem !important;}
    .vid_next_sec h4 {font-size: 1rem !important;}
    .blog-content-align{ padding: 0px !important;}
    .next-previous-post a{padding: 10px 25px !important;}
    #header a img {margin-left: 1em !important;}
    #header a,  .header_1 a {text-align: center !important;}
    #header li,  .header_1 li{border-bottom: 1px solid #FCA !important;}
    #header li a,  .header_1 li a {color:#191919 ; text-align: center !important;}
    .navbar-toggler{ margin-right: 1em !important;}
    .navbar-toggler .ml-auto, .navbar-toggler .mx-auto{background-color: cornsilk !important;}
    .site-header a {color:#fff !important; text-align: center !important;}
    .navbar-expand-md .nav-item a {text-align: center !important;}
    #spidochetube_list {background-color: rgba(255,255,255,0.3) !important;}
    .demo-gallery h3 {text-align: center !important;}
    #myModal-root1 .modal-dialog {max-width: 100% !important;}
    .cv-popup .modal-dialog {max-width: 100% !important;}
    .cv-popup .modal-content {background: none !important; background-color: #fff !important;    height: auto !important;}
    .cv-popup .modal-header {padding-top: 15px !important;}
    .cv-popup .modal-body {width: 95%;}
    .carousel-item h4 {font-size: 1.3rem !important;}
    .cv-popup .modal-title {font-size: 1.4rem !important; padding-left: 20px !important; padding-right: 20px !important;}
    .cv-popup .modal-footer {width: 80% !important;}
    .cv-popup .modal-header { border-bottom: 1px solid #ddd !important;}
    .cv-close-btn { display: block !important;}
    .gallery_top_sec h3 {font-size: 20px !important; padding-top: 0px !important;} 
    .gallery_top_sec h2 {font-size: 1.5rem !important;}
    #myModal-root1 .modal-body{padding: 0rem;}
    .right_panel {padding: 20% !important;}
    
    #home {display: none !important;}
    .landing_bg {height: auto !important;}
    #intro_vid_hindi .modal-dialog {max-width: -webkit-fill-available !important;}
    .lg-sub-html {    font-size: 13px !important;    padding: 10px 15px !important;    line-height: 1.2 !important;}
    .display_mb{display: block !important;     margin: 0px auto;}
    .display_dsk {display: none !important;}
    .logo-anim-mb {width: 100vw !important; height: 90vh !important;}
}
@media screen and (min-width: 300px) and (max-width: 480px) {
    .container-fluid {    width: 100% !important;}
    .body-cover {height: 162vh !important;   }
    .navbar-expand-md {padding: 0em 0em !important;}
    .about-txt h2 {font-size: 1.5rem !important;}
    .about-txt h4 {    font-size: 14px !important;}
    .about-txt {padding-top: 50px !important;width: 95% !important;}
    .align-animate-item{ padding-top: 60% !important;}
    .code{margin: 1vh 0 2vh 0 !important;}
    .ftr-top {height: 50vh !important;}
    .text1{width: 70px !important;height: 70px !important; top: 30px !important;left: 3% !important;}
    .text1 p, .text2 p, .text3 p, .text4 p, .text5 p{    padding: 20px 2px !important; font-size: .6rem !important;}
    .text2{width: 70px !important;height: 70px !important; top: 90px !important;left: 20% !important;}
    .text3 {width: 70px !important;height: 70px !important; top: 20px !important;left:75% !important;}
    .text4 {width: 70px !important;height: 70px !important; top: 95px !important;left: 55% !important;}
    .text5 {width: 70px !important;height: 70px !important; top: 180px !important;left: 39% !important;}
    
    .btm_menu li {padding: 10px 8px !important;}
    .ftr ul{margin-left: -40px !important;}
    .for-ftr .ftr ul{margin-left: -40px !important;}
    .nl-form input{width: 60% !important;}
    .nl-form ::-webkit-input-placeholder{ font-size: 16px !important;}
    .nl-form {    padding-top: 0px !important;}
    .pddn-top100 { padding-top: 50px !important; padding-bottom: 50px !important;}
    .reach-info{font-size: 16px !important;}
    .code {    padding: 10px 0px !important;}
    .fb-1 {  left: 10% !important; width:80px ;top: 120px;} 
    .twitter-1 { right: 10% !important; width:80px;top: 320px;}
    .tumblr-1 {  left: 2% !important;width:80px;top: 220px;   }
    .yt-1 {  right: 2% !important;width:80px;width:80px;top: 220px; }
    .linkedin-1 {left: 10% !important;width:80px;top: 320px;}
    .insta-1 {right: 10% !important; width:80px;top: 120px; }
    
    .homepage_top_sec .bxslider li img {width: 265px !important;}
    .site-main .container {width: 100% !important;}
    .entry-title {font-size: 16px !important;}
    .content-area h1 {    line-height: 1.2em !important;}
    .homepage_top_sec h2{font-size: 1.5rem !important;}
    .homepage_top_sec h3{font-size: 1.2rem !important;}
    .search{width: 75% !important;}
    #spidochetube_player{ width: 100% !important;}
    #spidochetube_list{width: 100% !important;    padding-top: 100% !important; margin-top: 5% !important;}
    #spidochetube_list li img { width: 30% !important;}
    #spidochetube_player{padding: 20px !important;border-radius: 26px !important;}
    .video_top_sec h3 {font-size: 1.5rem !important;}
    .vid_next_sec h4 {font-size: 1rem !important;}
    .blog-content-align{ padding: 0px !important;}
    .next-previous-post a{padding: 10px 25px !important;}
    #header a img {margin-left: 1em !important;}
    #header a,  .header_1 a {text-align: center !important;}
    #header li,  .header_1 li{border-bottom: 1px solid #FCA !important;}
    #header li a,  .header_1 li a {color:#191919 ; text-align: center !important;}
    .navbar-toggler{ margin-right: 1em !important;}
    .navbar-toggler .ml-auto, .navbar-toggler .mx-auto{background-color: cornsilk !important;}
    .site-header a {color:#fff !important; text-align: center !important;}
    .navbar-expand-md .nav-item a {text-align: center !important;}
    #spidochetube_list {background-color: rgba(255,255,255,0.3) !important;}
    .demo-gallery h3 {text-align: center !important;}
    #myModal-root1 .modal-dialog {max-width: 100% !important;}
    .cv-popup .modal-dialog {max-width: 100% !important;}
    .cv-popup .modal-content {background: none !important; background-color: #fff !important;    height: auto !important;}
    .cv-popup .modal-header {padding-top: 15px !important;}
    .cv-popup .modal-body {width: 95%;}
    .carousel-item h4 {font-size: 1.3rem !important;}
    .cv-popup .modal-title {font-size: 1.4rem !important; padding-left: 20px !important; padding-right: 20px !important;}
    .cv-popup .modal-footer {width: 80% !important;}
    .cv-popup .modal-header { border-bottom: 1px solid #ddd !important;}
    .cv-close-btn { display: block !important;}
    .gallery_top_sec h3 {font-size: 20px !important; padding-top: 0px !important;} 
    .gallery_top_sec h2 {font-size: 1.5rem !important;}
    #myModal-root1 .modal-body{padding: 0rem;}
    .ftr ul li a {font-size: 12px !important;}
    .myCV {width: 70% !important;}
    .cv-popup .carousel-control-prev, .cv-popup .carousel-control-next {bottom: 10px !important;}
    .cv-close-btn{background-color: #000 !important;    color: #fff !important; right: 4%;}
    #myModal-cv .close { opacity: 1 !important; padding: 0.5rem .8rem;}
/*    .landing_bg .ml-auto, .landing_bg .mx-auto {background-color: transparent !important;}*/
    #home {display: none !important;}
    .landing_bg {height: auto !important;}
    #intro_vid_hindi .modal-dialog {max-width: -webkit-fill-available !important;}
    .homepage_top_sec {-webkit-backface-visibility: hidden;}
    .lg-sub-html {    font-size: 13px !important;    padding: 10px 15px !important; line-height: 1.2 !important;}
    .display_mb{display: block !important;    margin: 0px auto;    margin-top: 30%;}
    .display_dsk {display: none !important;}
    .below-logo {padding-top: 100px;}
    .below-logo a img {height: 50%; }
    #intro_vid_english .modal-dialog {max-width: 100% !important;}
    .nl-form .submit{    font-size: 16px !important;}
    .intro_begin {height: 200px !important;}
    .bubble_bee {left: 20% !important; right: 20% !important;}
   .fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.align_item1 { border-bottom: 1px solid #fff; }
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}
}