/* Breakpoints */

/* Media Query 1920 to 1282 Pixels */
@media only screen and (max-width:1920px) and (min-width:1282px) {
  .justifyEnd {
    justify-content: flex-end;
  }
}

/* Media Query 1281 to 1025 Pixels */
@media only screen and (max-width:1281px) and (min-width:1025px) {
  .justifyEnd {
    justify-content: flex-end;
  }

  .caption {
    padding-left: 100px;
  }
}

/* Media Query 1024 to 991 Pixels */
@media only screen and (max-width:1024px) and (min-width:991px) {
  .caption {
    padding-left: 40px;
  }

  .justifyEnd {
    justify-content: flex-end;
  }

  /* Background */
  .bg-img {
    background-position: center !important;
  }

  /* Margin CSS */
  .md-mb10 {
    margin-bottom: 10px;
  }

  .md-mb20 {
    margin-bottom: 20px;
  }

  .md-mb30 {
    margin-bottom: 30px;
  }

  .md-mb40 {
    margin-bottom: 40px;
  }

  .md-mb50 {
    margin-bottom: 50px;
  }

  .md-mb60 {
    margin-bottom: 60px;
  }

  .md-mb70 {
    margin-bottom: 70px;
  }

  .md-mb80 {
    margin-bottom: 80px;
  }

  .md-pb10 {
    padding-bottom: 10px;
  }

  .md-pb20 {
    padding-bottom: 20px;
  }

  .md-pb30 {
    padding-bottom: 30px;
  }

  .md-pb40 {
    padding-bottom: 40px;
  }

  .md-pb50 {
    padding-bottom: 50px;
  }

  .md-pb60 {
    padding-bottom: 60px;
  }

  .md-pb70 {
    padding-bottom: 70px;
  }

  .md-pb80 {
    padding-bottom: 80px;
  }

  /* Order CSS */
  .order2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .order1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  /* Other CSS */

  /* Container */
  .container {
    max-width: 870px;
  }

  /* Navbar */
  .navbar {
    min-height: 60px;
  }

  .navbar .nav-link {
    margin: 10px auto !important;
  }

  .navbar .logo {
    margin-left: 0px;
    width: 110px;
  }

  .nav-scroll .navbar-collapse .nav-link,
  .light .navbar-collapse .nav-link {
    color: #fff !important;
  }

  .nav-scroll .navbar-collapse .active,
  .light .navbar-collapse .active {
    color: #535F75 !important;
  }

  .navbar .search {
    border: 0;
    padding: 0;
    margin-top: 30px;
  }

  .navbar .search .search-form {
    display: block;
    position: static;
    height: auto;
  }

  .navbar .search .search-form form {
    position: static;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .navbar .search .search-form form input {
    padding: 15px;
    width: 100%;
    font-size: 14px;
  }

  .navbar .search .icon,
  .navbar .search .search-form .close {
    display: none;
  }

  .navbar-nav .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    background: #0c0f16;
    text-align: center;
    color: #eee;
  }

  .navbar-nav .dropdown-menu .dropdown-item {
    color: #eee;
  }

  .navbar-nav .dropdown-menu.show {
    display: block;
  }

  .navbar .navbar-nav .nav-link {
    font-weight: 400;
    padding: 0;
    font-size: 12px;
    padding-right: 1rem;
  }

  .nav-scroll .navbar-nav .nav-link {
    color: #0c0f16 !important;
    line-height: 40px;
    margin-right: 10px !important;
  }

  .navbar .navbar-nav .nav-link:hover {
    color: #535F75;
  }

  /* Slider */
  .slider .parallax-slider .caption.dig {
    text-align: center;
  }

  .slider .parallax-slider .caption.dig h1 {
    font-size: 60px;
  }

  .slider .parallax-slider .caption.dig h1 .tline {
    margin-left: 0;
  }

  .slider .parallax-slider .caption h1 {
    font-size: 50px;
    letter-spacing: 1px;
  }

  .slider .parallax-slider .caption h1 br {
    display: none;
  }

  /* Showcase */
  .showcase-full .parallax-slider .caption h1 .stroke {
    display: inline-block;
  }

  .showcase-full .parallax-slider .caption h1 span {
    margin-left: 0;
  }

  .showcase-carus .caption h1,
  .showcase-carus .copy-cap h1 {
    font-size: 60px;
    left: auto;
    margin-left: 20px;
  }

  /* Swiper */
  .circle-slide .swiper-slide .bg-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 380px !important;
    width: 380px !important;
    margin: auto !important;
  }

  .circle-slide .swiper-slide.swiper-slide-active .bg-img {
    opacity: 1;
    visibility: visible;
  }

  /* Showcase */
  .showcase-carus.circle-slide .caption h1,
  .showcase-carus.circle-slide .copy-cap h1 {
    font-size: 65px;
  }

  /* Other CSS */
  .curve-bg {
    display: none;
  }

  .about .img-mons,
  .number-sec .item,
  .block-sec .vid-area .cont,
  .about .content,
  .skills-box {
    margin-bottom: 50px;
  }

  .simpl-intro .img .vid-icon {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  .about .blc-img .skills-circle {
    right: 0;
  }

  .about .blc-img .skills-circle .item {
    width: 50%;
  }

  .hero-sec .skills-box {
    padding-left: 0;
    margin-top: 50px;
  }

  .team .navs {
    position: absolute;
    top: 60px;
    right: 0;
    margin-top: 0 !important;
  }

  .team {
    position: relative;
  }

  .min-area .content,
  .min-area .img {
    padding: 0px 0;
  }

  .services .rtwo>div:nth-of-type(2),
  .services .rone>div:nth-of-type(2) {
    margin-bottom: 0px;
  }

  .sec-head.tr-head {
    text-align: center;
    margin-bottom: 55px;
  }

  .services .step-item.xbottom,
  .services .step-item.xtop {
    bottom: auto;
    top: auto;
  }

  .services .step-item {
    margin: 25px 0;
  }

  .block-sec .testim-box {
    margin-bottom: 120px;
  }

  .block-sec .showreel {
    background: #535F75;
  }

  .number-sec {
    padding-bottom: 70px;
  }

  .sec-head h3 br {
    display: none;
  }

  .sec-head.mb-0 {
    margin-bottom: 80px !important;
  }

  .blog-grid .item {
    margin-bottom: 50px;
  }

  .blog-grid {
    padding-bottom: 70px;
  }

  .footer-half:after {
    width: 100%;
  }

  .footer-half .cont {
    margin-bottom: 50px;
  }

  .next-prog .box .caption h1,
  .next-prog .box .copy-cap h1 {
    font-size: 40px;
  }
}

/* Media Query 990 to 768 Pixels */
@media only screen and (max-width:990px) and (min-width:768px) {
  .justifyEnd {
    justify-content: flex-end;
  }

  .row {
    align-items: center;
  }

  .caption {
    padding-left: 120px;
  }

  .slider .parallax-slider .caption h1 {
    font-size: 52px !important;
    line-height: 52px !important;
  }

  .navbar .logo {
    width: 100px;
    margin-left: 25px;
    margin-top: 0;
    line-height: 0;
  }


  /* 10-07-2023 */
  .pages-header .cont h1,
  .product-slider-text h1 {
    font-size: 50px !important;
    margin-left: 100px !important;
  }

  /* 10-07-2023 */
}

/* 10-07-2023 */
@media screen and (max-width: 991px) {

  .navbar:has(>.container >#navbarSupportedContent.collapsing),
  .navbar:has(>.container >#navbarSupportedContent.show) {
    background-color: white;
  }

  #navbarSupportedContent {
    height: 100vh;
    overflow-y: auto;
  }

  .mainMenu:hover .submenu {
    opacity: 1;
    animation: none;
  }

  .navbar:has(>.container > #navbarSupportedContent.show)>.container>.navbar-toggler .icon-bar {
    color: #0c0f16;
  }

  .navbar:has(>.container > #navbarSupportedContent.show) .navbar-nav .nav-link {
    color: #0c0f16;
  }

  /* .navbar:has(>.container > #navbarSupportedContent.show) .sub-link p ,
  .navbar:has(>.container >#navbarSupportedContent.show), */
  #navbarSupportedContent .submenu span,
  #navbarSupportedContent .submenu a {
    color: #292929;
    font-weight: 400;
  }

  .submenu {
    color: #ececec;
    position: static;
    width: auto;
    background-color: transparent;
    box-shadow: none;
    margin: 0px 15px;
    padding: 0;
    transition: none;

  }

  .last_submenu .links:hover,
  .submenu .sub-link:hover {
    background-color: transparent;
  }

  .last_submenu {
    position: static;
    background-color: transparent;
    width: auto;
    padding: 0;
    text-align: start;
  }

  .last_submenu .links {
    padding: 5px 20px;
  }

  .get-in-touch {
    margin-top: 50px;
  }

  .product-slider-text {
    margin-left: 0;
    text-align: center !important;
  }
}

/* 10-07-2023 */



/* Media Query 767 to 451 Pixels */
@media only screen and (max-width:767px) and (min-width:451px) {
  .row {
    align-items: center;
  }

  .textCenter {
    text-align: center;
  }

  .valign {
    justify-content: center;
  }

  .mb20 {
    margin-bottom: 20px;
  }

  .footersocialIcon {
    padding-left: 0;
  }

  .caption {
    padding-left: 0px;
  }

  .slider .parallax-slider .caption h1 {
    font-size: 52px !important;
    line-height: 52px !important;
  }

  .slider .parallax-slider .swiper-slide .bg-img {
    background-position-x: center;
  }

  .navbar .logo {
    width: 80px;
    margin-left: 25px;
    margin-top: 0;
    line-height: 0;
  }

  .sec-head {
    margin: 0 auto 20px;
  }

  .navbar {
    min-height: 60px;
  }
}

/* 10-07-2023 */

@media only screen and (max-width:767px) {

  .product-slider-text h1 {
    font-size: 50px !important;
    margin-left: 00px !important;
  }

  .product-slider-text {
    margin: 0;
    text-align: center !important;
  }

  .Pro_view {
    gap: 20px;
  }

  .min-area .content {
    padding-left: 0;
  }

}

/* 10-07-2023 */

/* Media Query 450 to 250 Pixels */
@media only screen and (max-width:450px) and (min-width:250px) {
  .row {
    align-items: center;
  }

  .textCenter {
    text-align: center;
  }

  .valign {
    justify-content: center;
  }

  .mb20 {
    margin-bottom: 20px;
  }

  .footersocialIcon {
    padding-left: 0;
  }

  .slider .parallax-slider .caption h1 {
    font-size: 45px !important;
    line-height: 45px !important;
  }

  .navbar .logo {
    width: 80px;
    margin-left: 15px;
    margin-top: 0;
    line-height: 0;
  }

  .slider .parallax-slider .swiper-slide .bg-img {
    background-position-x: center;
  }

  .sec-head {
    margin: 0 auto 0px;
  }

  .marginTop2 {
    padding-left: 0;
    padding-right: auto;
  }

  .navbar {
    padding: 0.5rem;
    background-color: #000;
  }

  .nav-scroll {
    background-color: #fff;
  }

  .navbar-collapse {
    margin-top: 15px;
  }

  .nav-scroll .navbar-nav .nav-link {
    line-height: 7px;
  }

  .pages-header {
    margin-top: 70px;
    height: 30vh;
  }

  .pages-header .cont h1 {
    font-size: 30px;
    margin-left: 100px;
  }

  .leftAuto {
    margin-left: 0 !important;
  }

  .textleftAuto {
    margin-left: 50px !important;
  }

  .extra-title {
    margin-bottom: 0 !important;
  }

  .portfolio .gallery .items.lg-mr {
    margin-top: 10px !important;
  }

  .topAuto {
    margin-top: 1.5rem;
  }

  .navbar {
    min-height: 50px;
  }

  /* 10-07-2023 */
  .pages-header {
    margin-top: 50px;
  }


  .product-slider-text h1 {
    font-size: 30px !important;
    margin-left: 00px !important;
  }

  .collection-Text {
    margin-bottom: 20px !important;
  }

  .Pro_view {
    grid-template-columns: repeat(2, 1fr);
  }

  /* 10-07-2023 */



}

/* Only Media Query CSS */
@media (max-width:400px) {
  .productCover {
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 520px;
  }

}