*{
margin: 0;
padding: 0;
box-sizing: border-box;
/*caret-color: transparent;*/
/*outline: none;*/


}
              
/* Fonts */
:root {
    --font-default: "Raleway-Regular" ,sans-serif ;
    --font-primary: "Raleway-Medium" ,sans-serif ;
    --font-secondary: "Raleway-Bold", sans-serif ;
    --font-family: "Raleway", sans-serif;
  }
  
  
              .container {
                          max-width: 1525px;
                      }
  
  
              a{
                  text-decoration: none;
              }
  
                
                .contact-info .contact-links li a:hover {
                  color: #e22626;
              }
  
              .nav-tabs .nav-link:hover {
                  color: #e22626 !important;
              }
  
  
            
                
  
              .ascendant-header .row .mega-links li a:hover {
                  color: #E22626;
                  }
  
  
  
                  .breadcrumbs ol li:hover ,.breadcrumbs ol li a:hover  {
                      color:#E22626;
                  }
  
  
  
                  .footer-links li a:hover {
                      color: #E22626;
                  }
                    
                  .social-footer img:hover {
                      width: 26px;
                      
                  }  
  
  
         
              .ascendant-header nav{
                position: fixed;
                z-index: 99;
                width: 100%;
                background:#fff;
                box-shadow: 0 2px 1px -2px rgb(0 0 0 / 20%);
              }
                .ascendant-header {
                   position: absolute;
                    top: 0;
                      }
  
  
              .ascendant-header nav .wrapper{
                position: relative;
                padding: 0px 47px;
                height: 82px;
                line-height: 70px;
                margin: auto;
                width: 100%;
                max-width: 1600px;
                display: flex;
                align-items: center;
                justify-content: space-between;
              }
  .Shop-inner-QTA-buttons button, input {
    text-align: center;
}
              .ascendant-header .wrapper .logo a{
                color: #f2f2f2;
                font-size: 30px;
                font-weight: 600;
                text-decoration: none;
              }
              .ascendant-header .wrapper .nav-links{
                display: inline-flex;
                align-items: center;
              }
              .ascendant-header .nav-links li{
                list-style: none;
              }
              .ascendant-header .nav-links li a{
                color: #252525;
                text-decoration: none;
                font-size: 16px;
                font-weight: 500;
                padding: 9px 15px;
                border-radius: 5px;
                transition: all 0.3s ease;
                font-family: "Raleway", sans-serif;
              }
  
              .ascendant-header .nav-links li a:hover{
                color: #E22626 ;
              }
              .ascendant-header .logo img {
                  width: 165px;
              }
             
              .ascendant-header .nav-links .mobile-item{
                display: none;
              }
              .ascendant-header .nav-links .drop-menu{
                position: absolute;
                background: #242526;
                width: 180px;
                line-height: 45px;
                top: 85px;
                opacity: 0;
                visibility: hidden;
                box-shadow: 0 6px 10px rgba(0,0,0,0.15);
              }
              .ascendant-header .nav-links li:hover .drop-menu,
              .nav-links li:hover .mega-box{
                transition: all 0.3s ease;
                top: 70px;
                opacity: 1;
                visibility: visible;
              }
              .ascendant-header .drop-menu li a{
                width: 100%;
                display: block;
                padding: 0 0 0 15px;
                font-weight: 400;
                border-radius: 0px;
              }
              .ascendant-header .mega-box{
                position:fixed;
                left: 0;
                width: 100%;
                top: 85px;
                opacity: 0;
                visibility: hidden;
              }
              .ascendant-header .mega-box .content{
                margin-bottom: 30px;
                padding: 25px 20px;
                display: flex;
                width: 100%;
                justify-content: space-between;
              }


              .ascendant-header .mega-links li a {
                    padding-bottom: 10px !important;
                    display: block;
                    font-size: 18px;
                    font-family: "Raleway", sans-serif !important;
                    font-weight: 500 !important;
                    transition: all 0.3s ease;
                }
              .ascendant-header .mega-box .content .row{
                width: calc(25% - 30px);
                line-height: 45px;
              }
              .ascendant-header .content .row img{
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
              .ascendant-header .content .row h2{
                   color: #252525;
                  font-size: 18px;
                 font-family: var(--font-primary);
              }
  
              .ascendant-header .content .row .mega-links{
                margin-left: -40px;
                height: 160px;
               }
              .ascendant-header .row .mega-links li{
                padding: 0 20px;
              }
              .ascendant-header .row .mega-links li a{
               
              }
  
              .ascendant-header .wrapper .btn{
                color: #252525;
                font-size: 20px;
                cursor: pointer;
                display: none;
              }
              .ascendant-header .wrapper .btn.close-btn{
                position: absolute;
                right: 30px;
                top: 10px;
              }
  
              .ascendant-header .mega-box{
                background: #EEEEEE !important;
                border-top: 3px solid #E22626;
                margin-top:11px;            }
              .ascendant-header  .content{
                width: 100%;
                max-width: 1100px;
                margin: 0 auto;
               }
  
              .ascendant-header .mega-box .content .row {
                  width: calc(100% - 30px);
                  line-height: 30px;
              }
  
              .ascendant-header li .desktop-item.rotate-icon:hover i {
                  transform: rotate(180deg);
              }
              .ascendant-header i.fa.fa-shopping-bag {
                  margin-left: 25px;
              }
              .ascendant-header .hed-sec {
                  width: 100%;
                  max-width: 500px;
              }
              .ascendant-header h2 {
                  color: #252525;
                  font-family: var(--font-primary);
                  font-size: 18px;
                   font-weight: bold;
               }
  
             .security{
                 border-bottom: 1px solid #242526;;
                width: 300px;
                padding: 20px !important;
               }
  
              .ascendant-header nav input {
                display: none;
            }
  
  .ascendant-header .body-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
      padding: 0 30px;
  }
  .ascendant-header .body-text div {
      font-size: 45px;
      font-weight: 600;
  }
  
  .ascendant-header li.active a:hover {
      color: #252525 !important;
    }
  
  .ascendant-header li.active a {
      color:red;
     
    }
    .ascendant-header li.active ul.mega-links a {
    color: #252525 !important;
}
.ascendant-header li.active ul.mega-links a.active {
    color: red !important;
}
  .ascendant-header li.active .mega-box a {
    color: #252525;
}
.ascendant-header li.active .mega-box a.active {
    color: red;
}
  .ascendant-header .row .mega-links li a.active {
    color: red;
}
  .ascendant-header li.change-img:hover img.hover-main {
      display: none;
  }
  
  .ascendant-header img.hover-change {
      display: none;
  }
  
  
  .ascendant-header li.change-img:hover img.hover-change {
      display: block;
  }
  
  
  .ascendant-header li.change-img img {
      position: absolute;
     margin-left:-20px;
  }
  .ascendant-header li.change-img {
      margin-right: 45px;
  }
  .ascendant-header li.change-img{
    position: relative;
    top: 25px;
  }
  .ascendant-header li.change-img-cart {
      position: relative;
      top: 25px;
  }
  
  .ascendant-header li.change-img-cart:hover img.hover-main-cart {
      display: none;
  }
  
  .ascendant-header img.hover-change-cart {
      display: none;
  }
  
  
  .ascendant-header li.change-img-cart:hover img.hover-change-cart {
      display: block;
  }
  
  
  .ascendant-header li.change-img-cart img {
      position: absolute;
      margin-left:-20px
  }
  
  .ascendant-header li.change-img-cart {
      position: relative;
      top: 25px;
  }
  
  .about-m .mega-box {
      height: 100px !important;
  }
  
  .ascendant-header .h-contact {
      padding-right: 40px;
  }
  
  .ascendant-header .nav-links {
      padding: 0px;
      margin: 0px;
  }
  
  
  .ascendant-header .mega-links {
      padding-left: 0px;
  }
  
  .ascendant-header  .security  {
      padding-left: 0px !important;
      padding-bottom: 15px !important;
      margin-bottom: 15px;
  }
  
  .ascendant-header .security a {
      padding-left: 0px !important;
      font-size: 18px !important;
      font-family: "Raleway", sans-serif !important;
      font-weight: bold !important;
  }
  
              /*<end header>*/
  
.main-overlay {
    position: relative;
}

  
            /*Site-Footer Css start*/
  
  
  
  #footer {
      background: #eeeeee;
      padding-top: 50px;
  }
  #footer p {
      font-size: 16px;
      color: #7b7b7b !important;
      margin-top: 20px;
      font-family: "Raleway", sans-serif;
      font-weight: 400;
  }
  
  h3.footer-heading {
      color: red !important;
      font-size: 16px !important;
      font-family: "Raleway", sans-serif;
      font-weight: bold;
  }
  .footer-links i {
      color: red !important;
  }
  .footer-links li a {
      color: #252525 ;
      font-size: 16px;
      text-decoration:none;
      font-family: "Raleway", sans-serif;
  }
  
  .Ascendant {
      display: flex;
  }
  .Ascendant i {
      margin-left: 10px;
  }
  .footer .footer-legal {
      background: #252525;
     padding: 12px 0px;
      font-family: "Raleway", sans-serif;
  }
  
  
  
  .footer .copyright {
      font-size: 14px;
      line-height: 25px;
      color: #fff;
      font-weight:500;
  }
  .footer .credits a {
      font-size: 14px;
      line-height: 25px;
      color: #fff;
      font-weight: 500;
      text-decoration: none;
  }
  .num-fotoor {
      font-size: 16px;
      margin-left: 17px;
  }
  .mail-footer {
      font-size: 16px;
      margin-left: 17px;
      color: #e22626 !important;
  }
  .Singapore-sec {
      margin-left: 40px;
  }
  
  .social-footer img {
      width: 27px;
      margin-left: 10px;
  }
  #footer-ascendant-footer {
      background: #eeeeee !important;
      padding: 36px 0px 0px 0px;
  }
  .company-footer {
      color: #7b7b7b !important;
      font-size: 16px;
      font-family: "Raleway", sans-serif;
      font-weight: 500;
  }
  .logo img {
      width: 200px;
  }
  
  .social-icon img {
      width: 15px;
  }
  
  .social-footer {
      margin-top: 20px;
  }
  
  .footer-content .container {
      width: 100% !important;
      max-width:1600px;
      margin: 0 auto !important;
      padding-bottom: 20px;
  }
  
  .footer .whatsapp {
      position: fixed;
      z-index: 9999;
      bottom: 40px !important;
      right: 100px;
  }
  
  
  .footer-legal .container {
      max-width: 1600px;
      width: 100%;
      margin: 0 auto;
  }
  
  
  .footer .whatsapp img {
      width: 60px;
  }
  
  .footer-section .logo {
      margin-bottom: 14px;
  }
  
  .social-footer li.ps-5 {
      padding-left: 20px !important;
  }
  
  
  li.location {
      margin-top: 10px;
  }
  .breadcrumbs ol li {
      padding-right: 10px !important;
      font-family: Raleway;
      font-weight: 500;
  }
  
  .footer-links li {
      font-family: "Raleway", sans-serif ;
      padding-top: 8px;
     font-weight: 500;
  
  }
  
    #footer-ascendant-footer{
       max-width: 100%;
      overflow: hidden;
  }
  
                                             /*Site-Footer Css End*/
                                            
  /*--------------------------------------------------------------

# login and registration or dashboard pages

--------------------------------------------------------------*/

button.btn {

    background-color: #fff;
    text-decoration: none;
    font-size: 20px;
    line-height: 25px;
    font-family: var(--font-default);
    letter-spacing: 0px;
    color: #E22626;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
    border-color: #E22626;
    /* padding: 15px 25px; */

}
button.btn:active {
    background: #E22626;
    border-color:  1px solid #E22626;
}
button.btn:focus {
    border-color: 1px solid #E22626;
}
button.btn:hover {

    background: #E22626;
    color: #FFFFFF;
    opacity: 1;
    border: 1px solid #E22626;
    /* padding: 15px 25px !important; */

}


.form_control.loginfield{

    border-radius: 25px;

}

.form_control.profilefield{

    border-radius: 25px;

     border: 1px solid #E22626;

    padding: 10px 15px;

    width: 100%;

    text-align: left;

    font: normal normal 400 18px/23px poppins;

    letter-spacing: 0px;

    color: #252525;

    opacity: 1;

}

.yellow-link {

    color: #f7931d; /* Set the desired color */

}

   

.justify-content-center.loginform.row{

  padding-top: 80px;

}

.userprofile{

  padding-top: 80px;

  margin-top: 100px !important;

}

.order-detail.mb-5.mb-md-0 {

    position: relative;

    background-color: #D60003;

    padding: 50px;

    height: 100%;

}

.user-img {

    position: relative;

    border-radius: 50%;

    width: 170px;

    height: 170px;

    margin: 0 auto;

}

.user-img img {

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

.user-img button {

    border: 0;

    border-radius: 20px;

    position: absolute;

    right: 0;

    bottom: 10px;

    background: #fff;

    color: #d60000;

    width: 35px;

    height: 35px;

    display: grid;

    place-items: center;

}

.user-img .form-control {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    opacity: 0;

    opacity: 0;

}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color:#D60003 !important;
    border-radius:0px !important;
}
.order-history a.nav-link {
    color: #D60003;
}
#all-order{
    padding-top: 50px;
    padding-bottom: 90px;
}
 .order-detail .profile-link ul li .active, #user-profile .order-detail .profile-link ul li a:hover {

    color: #fff;

}

.orders-inner {

    border: 1px solid #D60003;

    padding: 50px 70px;

}

.order-detail form .user-img button {

    border: 0;

    border-radius: 20px;

    position: absolute;

    right: 0;

    bottom: 10px;

    background: #fff;

    color: #f7931d;

    width: 35px;

    height: 35px;

    display: grid;

    place-items: center;

}

 .orders-inner .orders-inner-title {

    text-align: left;

    font: normal normal bold 18px/25px poppins;

    letter-spacing: 0px;

    color: #252525;

    opacity: 1;

}

 .order-detail .profile-link ul li a {

    text-align: center;

    font: normal normal bold 18px/28px prata;

    letter-spacing: 0px;

    color: #d1d1d1;

    opacity: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 15px 0;

}

 .order-detail form h4 {

    text-align: center;

    font: normal normal bold 30px

px

/40px prata;

    letter-spacing: 0px;

    color: #fff;

    opacity: 1;

    padding-top: 30px;

}

.text-center {

    text-align: center !important;

}
/* forgot password*/

#forgetPassword {
    padding: 100px 0px;
}

#forgetPassword input.form-control.rounded {
    border-radius: 0px !important;
}
#forgetPassword a {
    color: #000 !important;;
}
#forgetPassword a:hover {
    text-decoration: underline !important;;
}

/*Login-page*/
#login-form button.btn.btn-outline-primary {
    text-align: center;
    padding: 15px 25px;
    border-radius: 0px;
    border: 1px solid red;
}
#user-login input.form-control.br-25 {
    border-radius: 0px !important;
}
#user-login a {
    color: #000;
}
#user-login a {
    color:#000;
}
#user-login input#password {
    border-radius: 0px !important;
}

#user-login span.input-group-text {
    border-radius: 0px;
    padding: 10px;
}
#user-login {
    overflow:hidden;
    padding:100px 0px
}
#user-login .form_control.loginfield {
    border-radius: 0px;
}

#user-login  button.btn {
    padding: 15px 25px;
    border-radius: 0px;
}

/*user registration*/
#user-registraion {
    overflow:hidden;
    padding:100px 0px
}
#user-registraion button {
    padding: 15px 25px;
    border-radius: 0px;
}
#user-registraion  a {
    color: #000;
}
#user-registraion input.form-control.rounded.loginfield {
    border-radius: 0px !important;
}
.order-history .tab-content h4 , .order-history .tab-content p , .show-all {
    color: #3d3c97;
}

.order-history .tab-content a.page-link {
    background: #D60003;
   
}

.order-history .tab-content li.page-item.active {
    border: none;
    background: #d1d1d1;
}

.order-history .tab-content a.page-link {
    color: #fff !important;
}

.order-history .tab-content a.page-link {
    color: #fff;
}


.order-history .tab-content .fa-angle-left::before ,.order-history .tab-content .fa-angle-right::before  {
    color: #fff;
}
.order-history .tab-content a.page-link:focus {
    box-shadow: none;
}


/* address popup*/


.address-popup-card a.btn.btn-outline-primary {
    border-radius: 0px !important;
    border: 1px solid #E22626;
    color: #E22626;
}
.address-popup-card a.editbtn.d-flex.align-items-center {
    color: #000;
}
.address-popup-card a.btn.btn-outline-primary:hover {
    background: #E22626;
    color: #fff;
}

/*user dashboard*/

.user-dashboard a {
    color: #000;
}
.user-profile a {
    color: #000;
}

.user-dashboard a:hover {
    text-decoration: underline;
}
.user-profile {
    padding-bottom: 100px;
}


/*cart-page css*/
#view-cart .payment-btn a {
    cursor: pointer;
    color: #E22626;
}
#view-cart .payment-btn a:hover {
    cursor: pointer;
    color: #fff;
}
#view-cart .discount-coupon input.btn.btn-outline-primary.rounded.btn-block {
    padding: 5px !important;
    border-radius: 0px !important;
    height: unset !important;
}

#view-cart .discount-coupon  input.form_control.form-control {
    border-radius: 0px !important;
    padding: 5px !important;
    height: unset;
}

#view-cart .discount-coupon a#checkoutbtn {
    border-radius: 0px !important;
    
}
#view-cart a {
    cursor: pointer;
    color: #000;
}
section#view-cart {
    overflow: hidden !important;
    padding: 100px 0px;
}

/*checkout-page css*/
#checkoutbtn {
    height: 35px;
    border-radius: unset !important;
    padding: 5px 0px 5px 0px;
}
#checkoutbtn:active {
    background-color: #E22626 !important;
}
#checkoutbtn:focus-visible {
    background-color: #E22626 !important;
    border-color: #E22626 !important;
    outline: none !important;
    box-shadow: none !important;
}
#checkout input.btn.rounded.btn-block {
    padding: 5px !important;
    height: unset !important;
    border-radius: 0px !important;
}

#checkout input.form-control.br-25 {
    border-radius: 0px !important;
}

#checkout button#submitbtn {
    height: unset !important;
    padding: 5px !important;
    border-radius: 0px !important;
    font-size: 18px !important;
}
#checkout .payment-section .address-card .fa {
    color: red;
}
/*user-profile-page css*/

.user-profile input.form_control.profilefield {
    border-radius: 0px !important;
}

  
  
/*Small devices responsiveness starting  screen size 320 to 1600*/
  
  @media screen and (max-width: 320px){

                    .breadcrumbs ol li {
                            font-size: 12px !important;
                    }

                    .breadcrumbs ol a {
                         font-size: 12px !important;
                   } 




                   

                .breadcrumbs h2 {
                    font-size: 25px !important;
                   line-height: 30px !important;
                  }



                       .project-tabs .single-service h3 {
                      font-size: 20px !important;
                      margin-bottom: 30px !important;
                  }

                  .marketing-executive p, .finance-manager p, .assistant p {
                      text-align: right !important;
                      font-size: 8px !important;
                      line-height: 20px !important; 
                 }

                 .marketing-executive-heading h1, .finance-manager-heading h1, .assistant-heading h1 {
                   font-size: 11px !important;
                   line-height: 20px !important;
}
  }
 
  
  /* Media Query 320 responsiveness end  */
  
  
  
  
  @media screen and (min-device-width: 770px) and (max-device-width: 970px) { 
   

   .ascendant-header .nav-links li a{
    font-size:20px;
    padding:9px 12px;
  }


  
  .ascendant-header .mega-box {
      border: none;
  }
  
  .about-m .mega-box {
      height:160px !important;
  }
  
  .hed-sec .row {
      height:50px !important;
  }
  .mobile-item i.fa.fa-caret-down {
      margin-left: 10px;
  }
  
  .ascendant-header li.change-img img , .ascendant-header li.change-img-cart img {
      margin-left: 10px !important;
  }

.carousel-item img {
    height: 600px;
}

.home-banner .carousel-caption h5 {
    font-size: 40px !important;
}

#home-page #who-we-are {
    padding: 30px 0px !important;
}

.container.img-sec-cont {
    padding: 30px 12px !important;
}

#home-page .solution h2 {
    margin-bottom: 25px !important;
}

.solution .single-articles {
    padding-bottom: 24px;
}


.footer .whatsapp {
    bottom: 68px !important;
    right: 0;
}
  
  }
  
  @media screen and (min-device-width:769px) and (max-device-width: 1024px) {
    .ascendant-header .nav-links li a {
    font-size: 10px !important;
    padding: 9px 5px;
}
    .change-img img , .change-img-cart img {
    width: 15px;
}
    .ascendant-header .h-contact {
    padding-right: 10px;
}


}
  
@media screen (max-device-width: 769px) {

#user-profile .col-lg-3.col-md-3.col-12 {
    width: 100%  !important;
    padding: 0px  !important;
}

#user-profile .col-lg-9.col-md-9.col-12.ps-md-5 {
    width: 100%  !important;
    padding: 0px !important;
    margin: 20px 0px;
}
#user-edit-profile .col-lg-3.col-md-3.col-12 {
    width: 100%  !important;
    padding: 0px;
}

#user-edit-profile .col-lg-9.col-md-9.col-12.ps-md-5 {
    width: 100%  !important;
    padding: 0px !important;
    margin: 20px 0px;
}
#user-edit-profile  .btn.btn-primary {
    background: red;
    border: red;
    padding: 5px 30px;
}
  }

  
@media screen and (min-device-width:320px) and (max-device-width: 769px) {
     .ascendant-header li.change-img {
    position: relative;
    top: 3px !important;
}

           
#view-cart .col-lg-7.col-md-7.col-12 {
    width: 100% !important;
}
#view-cart .row.justify-content-between.mb-4 {
    padding: 80px 15px !important;
}
    
#view-cart .row.justify-content-between.mb-4 {
    padding: 80px 15px !important;
}

#view-cart form.row {
    display: block;
}

#view-cart .col-lg-8.col-md-8.col-sm-8.col-8 {
    width: 100%;
    margin-bottom: 20px;
}
    #view-cart .td-for-desktop {
    display: none;
}
     #view-cart .col-lg-5.col-md-5.col-12 {
    width: 100%;
}


#checkout {
    padding: 100px 15px !important;
}

#checkout .td-for-desktop {
    display: none;
}

#checkout .col-lg-7.col-md-7.col-12 {
    width: 100%;
}

#checkout form.row {
    display: block;
}

#checkout .col-lg-8.col-md-8.col-sm-8.col-8 {
    width: 100%;
    margin-bottom: 20px;
}

#checkout .col-lg-3.col-md-3.col-sm-4.col-4 {
    width: 100%;
}

#checkout .col-lg-5.col-md-5.col-12 {
    width: 100%;
}


#all-order .row {
    display: block;
}

#all-order .col-lg-12 {
    width: 100% !important;
}

#all-order .col-lg-3.col-md-3.col-12 {
    width: 100%;
    padding: 0px !important;
}

#all-order .col-lg-9.col-md-9.col-12.ps-md-5 {
    width: 100%;
    margin-top: 20px;
    padding: 0px !important;
}

.orders-inner {
    padding: 50px 10px;
}

#all-order {
    padding: 100px 20px !important;
}
  

            .ascendant-page {
      max-width: 100%;
      overflow: hidden;
      }
  
  
  
      .ascendant-header .wrapper .btn {
          display: block;
      }
      .ascendant-header .wrapper .nav-links {
          position: fixed;
          height: 100vh;
          width: 100%;
          /*max-width: 350px;*/
          top: 0;
          left: -100%;
          background: #EEEEEE;
          display: block;
          padding: 50px 10px;
          line-height: 50px;
          overflow-y: auto;
          box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
          transition: all 0.3s ease;
      }
      /* custom scroll bar */
      ::-webkit-scrollbar {
          width: 10px;
      }
      ::-webkit-scrollbar-track {
          background: #242526;
      }
      ::-webkit-scrollbar-thumb {
          background: #3a3b3c;
      }
  
      .ascendant-header #menu-btn:checked ~ .nav-links {
          left: 0%;
      }
      .ascendant-header #menu-btn:checked ~ .btn.menu-btn {
          display: none;
      }
      .ascendant-header #close-btn:checked ~ .btn.menu-btn {
          display: block;
      }
      .ascendant-header .nav-links li {
          margin: 10px 10px;
      }
      .ascendant-header .nav-links li a {
          padding: 0 20px;
          display: block;
          font-size: 15px;
          line-height:20px;
      }
      .ascendant-header .nav-links .drop-menu {
          position: static;
          opacity: 1;
          top: 65px;
          visibility: visible;
          padding-left: 20px;
          width: 100%;
          max-height: 0px;
          overflow: hidden;
          box-shadow: none;
          transition: all 0.3s ease;
      }
      .ascendant-header #showDrop:checked ~ .drop-menu,
      #showMega:checked ~ .mega-box {
          max-height: 100%;
      }
      .ascendant-header #showDrop:checked ~ .drop-menu,
      #Megashow:checked ~ .mega-box {
          max-height: 100%;
      }
      .ascendant-header .nav-links .desktop-item {
          display: none;
      }
      .ascendant-header .nav-links .mobile-item {
          display: block;
          color: #252525;
          font-size: 15px;
          line-height:20px;
          font-weight: 500;
          padding-left: 20px;
          cursor: pointer;
          border-radius: 5px;
          transition: all 0.3s ease;
      }
      
      .ascendant-header .drop-menu li {
          margin: 0;
      }
      .ascendant-header .drop-menu li a {
          border-radius: 5px;
          font-size: 18px;
      }
      .ascendant-header .mega-box {
          position: static;
          top: 65px;
          opacity: 1;
          visibility: visible;
          padding: 0 20px;
          max-height: 0px;
          overflow: hidden;
          transition: all 0.3s ease;
      }
      .ascendant-header .mega-box .content {
          box-shadow: none;
          flex-direction: column;
          padding: 10px 10px 0 10px;
          background: #eeeeee !important;
      }
      .ascendant-header .mega-box .content .row {
          width: 100%;
          /*margin-bottom: 15px;*/
          border-top: 1px solid rgba(255, 255, 255, 0.08);
      }
      .ascendant-header .mega-box .content .row:nth-child(1),
      .mega-box .content .row:nth-child(2) {
          border-top: 0px;
      }
      .ascendant-header .content .row .mega-links {
          border-left: 0px;
          padding-left: 15px;
      }
      .ascendant-header .row .mega-links li {
          margin: 0;
      }
      .ascendant-header .content .row header {
          font-size: 19px;
      }
      .mobile-item:hover {
      color: #E22626 !important;
  }







              .breadcrumbs h2 {
                  font-size: 25px !important;
                  line-height:30px !important ;
              }
  
                .brdcrm-bnnr {
                  height: 108px !important;
              }
  
              .contact-info .mailto-link:hover {
                  text-decoration: underline;
              }
             
              

               .CCTV-services .breadcrumbs ol {
                     font-size: 9px !important;
                  }
   
                #Cctv-img-sec .Camera-img {
                   margin-top: 0px !important;
                 }



  
                    /*.about-m .mega-box {*/
                    /*    height:160px !important;*/
                    /*}*/
  
                    .hed-sec .row {
                        height:50px !important;
                    }
  
  
  
                     .contact-banner .breadcrumbs h2 {
                          line-height: 30px !important;
                     }
  
                   .contact-info h3 {
                    font-size: 30px !important;
                   }
  
  
  
                    .contact-para {
                        font-size: 16px !important;
                    }
  
                    .contact-info {
                           padding: 50px 0px !important;
                     }
  
                         iframe.contact-map {
                       width: 100%;
                       margin-bottom:30px;
                     }
                    
                      .contact-info .list-unstyled li {
                        padding: 20px 0px;
                    }
  
                    .contact-info .contact-links li a {
                        font-size: 16px;
                    }
  
  
  
                    .project-inner-p .back-btn-row {
                        padding-top: 26px;
                    }

                    .project-tabs .row-tab-3 .single-service h3 {
                      margin-bottom: 30px !important;
                       }
  
  
  
                    i.fas.fa-bars {
                        color: #E22626;
                     }
  
                    .ascendant-header .logo img {
                        width: 160px !important;
                        margin-top: 15px;
                    }
                    li.change-img-cart {
                        width: 28px;
                    }
  
                    li.change-img {
                        width: 50px;
                    }
  
                    img.hover-main img {
                        width: 50px;
                    }
  
  
                    .shop-section {
                        padding-top: 60px !important;
                    }
  
  
  
  
                    img.hover-change {
                        width: 30px !important;
                    }
                    .ascendant-header li.change-img img {
                        position: absolute;
                        margin-left: 70px;
                    }
  
                    .ascendant-header li.change-img-cart img {
                        position: absolute;
                        margin-left: 18px;
                        margin-top: -22px;
                    }
                    .ascendant-header .mega-box{
                        border-top: none;
                      }
                    .footer .credits a {
                    text-align:center;
                    }
  
                    .footer .whatsapp img {
                        width: 40px;
                    }
  
                    .footer .whatsapp {
                        right: 10px;
                    }
  
  
  
                    .social-footer  .ps-5 {
                        padding-left: 20px !important;
                    }
  
                    /*home page responsive css*/
  
  
                    .pre-who {
                           font-size: 18px !important ;
                        line-height: 23px  !important;
                      }
  
                     .pre-are {
                               font-size: 16px !important;
                           line-height: 21px !important;
                               margin-bottom: 0px;
                            
                        }
  
                        .container.img-sec-cont {
                        padding-top:30px !important;
                        padding-bottom: 0px !important;
                        padding-left: 12px !important;
                        padding-right: 12px !important;
                    }
  
  
                      .context {
                        padding-bottom: 30px !important;
                    }
  
                    .section-services h2 {
                        font-size: 30px !important;
                        margin-bottom: 30px !important;
                    }
  
                    .solution h2{
                      font-size: 30px !important; 
                    }
  
                    .featured-articles h2{
                      font-size: 30px !important; 
                      margin-bottom: 30px !important;
                    }
                    .section-services{
                          padding: 18px 0px 50px !important;
  
                    }
                    .featured-articles {
                            padding-top: 50px !important;
                            padding-bottom: 0px !important;
                    }
  
                     .home-banner .carousel-caption h5 {
                            font-size: 30px;
                        }
  
                        .home-banner .carousel-caption p {
                            font-size: 15px;
                            
                        }
  
  
  
                    .solution-btn {
                        margin-bottom: 0px;
                    }
                    .solution {
                        margin-bottom: 20px !important;
                    }
                    .logo-slider .owl-carousel h2 {
                        font-size: 18px !important;
                      }
                    
                    .home-banner {
                        margin-top: 83px !important;
                    }
                    .home-banner .carousel-caption h5 {
                        font-size: 17px !important;
                    }
                    .home-banner .carousel-caption p {
                        font-size: 12px !important;
                    }
                    .home-banner .carousel-btn a {
                        padding: 12px !important;
                        width: 200px !important;
                        height: 50px !important;
                    }
  
  
                    .carousel-item img {
                        height: 400px !important;
                        object-fit: cover !important;
                    }
                    .credits {
                        text-align: center !important;
                    }
                    .ascendant-header .content .row .mega-links{
                      height: 110px !important;
                    }
  

                    .solution h2{
                      margin-bottom: 30px !important;
                    }
                    .services-btn , .articles-btn {
                        margin-left: 28px;
                    }
                    .solution .carousel-caption {
                        right: 11px !important;;
                        left: 10px !important;;
                         }
                      .single-articles{
                        margin-bottom: 40px !important;
                        max-width: 100% !important;
                      } 
  
                    .ascendant-header nav .wrapper {
                        padding: 0px 12px;
                    }
  
                    .container.who-we-are {
                       padding-left: 12px !important;
                        padding-right: 12px !important;
                        padding-top: 30px !important;
                    }
  
  
                    #home-page .content-box h3 {
                        font-size: 60px !important;
                        display: flex;
                        align-items: center;
                    }
  
                    #home-page .content-box P {
                       margin-top: 10px !important;
                        font-size: 20px !important;
                        font-weight: 500;
                        margin-bottom: 0px !important;
                    }
  
                    #home-page .img-sec-cont .text {
                        height: 154px;
                    }

  
  
  
  
                    #home-page .solution h3 {
                      font-size: 35px !important;
                    }
  
                    .section-services .single-service h3 {
                           font-size: 25px !important;
                        margin-bottom: 35px !important;
                    }
  
                    .section-services .single-service p {
                        font-size: 16px !important;
                    }
  
                    .logo-slider button.owl-next span, button.owl-prev span {
                        width: 30px !important;
                    }
  
                    #home-page .logo-slider{
                    margin-top: 30px;
                    }
  
  
                    .single-articles.home-blog {
                        text-align: center !important;
                        margin-bottom: 0px !important;
                    }
                    
  
                    #home-page .featured-articles h3 {
                        font-size: 20px !important;
                    }
  
                    #home-page .featured-articles .part-1 a {
                        font-size: 16px !important;
                    }
  
                    #home-page .featured-articles .articles-btn {
                        margin-top: 0px !important;
                    }
  
                   
                    #home-page #who-we-are {
                  padding: 0px 0px !important;
                 }


  
  
                    /*home page responsive css end*/
  
                        .privacy-policy ,.terms-condition {
                        padding-top: 100px !important;
                    }

                    .footer-Q-mob , .ft-mob {
                       width: 50%;
                     }







}



  
  }
  
   
      @media screen and (min-device-width:992px) and (max-device-width: 1600px) { 
   
               .pre-are {
                  font-size: 18px;
                  line-height: 23px;
                  
              }
  
              .footer .whatsapp img {
              width: 60px;
             }
  
  
              .footer .whatsapp {
                  right: 0px;
              }
  
              
  
              .project-innner-services .container {
                  
                  max-width: 920px;
                  
                 }
  
                 .Team-sec img {
                  width: 532px;
              } 
  
              .container {
                          max-width: 1240px;
                      }
  
             
               
  
  
  }
  
  
    @media screen and (min-device-width: 1023px) and (max-device-width: 1450px) {
        
       .container {
                          max-width: 1240px;
                  }
    }