/* Website Global color 
========================================================== */
:root{    /* Colors: */

  /* Primary colors */
  --unnamed-color-3E4095:#3E4095;
  --unnamed-color-3E4095-OP7:rgb(62, 64, 149,0.7);

  --unnamed-color-ED3237:#ED3237;    

  /* White color shade */
  --unnamed-color-fff:#fff;    

  /* Black color shades */
  --unnamed-color-000:#000;
  --unnamed-color-000-op7:rgba(0,0,0,0.7);
  --unnamed-color-000-op5:rgba(0,0,0,0.5);    

  /* Grey color shade */
  --unnamed-color-BDBDBD:#BDBDBD;
  --unnamed-color-BDBDBD-op1:rgba(189,189,189,0.1);

  --primary-font-family:'Jost',sans-serif;
  --secondary-font-family:'Exo',sans-serif;
}
@media (min-width:1500px){
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl{max-width:1420px;}
}
@media (min-width:992px){

  /* over-ride js inline style*/
  .mainnav > ul{display:block!important;}
}
@media (max-width:1700px){
  .inner-container{max-width:1480px;}

  /* BANNER-SECTION */
  .banner-title{max-width:90%;}
}
@media (max-width:1500px){
  h1{font-size:60px;line-height:80px;}
  h2{font-size:40px;line-height:55px;}
  h3{font-size:34px;line-height:50px;}
  h4{font-size:22px;}
  p{font-size:16px;}

  /* COMMON CSS */
  .common-pt{padding-top:100px;}
  .inner-container{max-width:1280px;}

  /* BANNER SECTION */
  .banner-title{padding-top:150px;}

  /* PRODUCT SECTION */
  .product-content-wrapper img{width:230px;}
  .product-hover-content h3{font-size:27px;line-height:40px;}
}
@media (max-width:1199.98px){
  h1{font-size:50PX;line-height:70px;}
  h2{font-size:30px;line-height:35px;}
  h3{font-size:30px;line-height:42px;}
  h4{font-size:20px;line-height:30px;}
  .font-16{font-size:15px;line-height:23px;}
  .font-18{font-size:17px;}
  .font-24{font-size:22px;line-height:30px;}
  .btn{padding:7px 10px;}
  .common-py{padding:70px 0px;}

  /* SOME COMMON CLASS STYLING */

  /* HEADER SECTION */
  .header-logo img{max-width:100px;}
  .header-main .header-inner-main .header-inner .header-menu ul > li.nav-item > a{font-size:16px;}

  /* BANNER SECTION */
  .banner-title{padding-top:100px;}

  /* PRODUCT SECTION */
  .product-hover-content h3{font-size:25px;line-height:35px;}
  .product-content-wrapper img{width:200px;}

  /* FOOTER SECTION */
  .footer-main-logo{width:95px;}
  .footer-yearly-logo{width:115px;}

  /* OUR TEAM SECTION ----- ABOUT US PAGE */
  .team-box img{max-width:150px;}
}

/*=========================================================
// Medium devices (tablets, less than 992px)
===========================================================*/
@media (max-width:991.98px){
  h1{font-size:41px;line-height:51px;}
  h4{font-size:18px;line-height:26px;}
  .form-control{height:50px;}

  /* COMMON CSS */
  .inner-container{max-width:100%;padding:0px 12px;}
  .common-pt{padding-top:80px;}
  .hasDD:after{content:"\F282";position:absolute;right:15px;text-align:center;font-family:"bootstrap-icons";width:24px!important;height:24px;display:flex;align-items:center;justify-content:center;top:10px;color:var(--unnamed-color-ED3237);font-weight:600;font-size:20px;}
  .header-list-wise-ul > li > a{font-size:15px;}

  /* RESPONSIVE HEADER */
  .header_dropdown .dropdown-toggle{display:flex;align-items:center;justify-content:space-between;background:transparent;position:relative;}
  .header_dropdown .responsive-header-ul.show{width:100%;position:static!important;transform:unset!important;padding-bottom:0;}
  .header_dropdown .responsive-header-ul1.show{width:100%;position:absolute!important;transform:unset!important;padding-bottom:0;}
  .header_dropdown .responsive-header-ul{background:transparent;border:unset;}
  .header_dropdown .btn-warning:hover{border-color:unset;color:var(--unnamed-color-fff);}
  .header_dropdown .responsive-header-ul .dropdown-item{font-size:14px;line-height:18px;font-weight:400;color:#ffffff99;padding:4px;}
  .header_dropdown .dropdown-toggle::after{content:"\F282";position:absolute;right:0;border:1px solid #ccc;text-align:center;font-family:"bootstrap-icons";width:24px!important;height:24px;border-radius:50%;font-size:15px;transition:all .5s ease-in-out;}
  .header_dropdown .dropdown-toggle.show::after{transform:rotate(-180deg);background:rgba(255,255,255,0.2);transition:all .5s ease-in-out;width:24px!important;}
  .header_dropdown{display:block;padding:0px 15px;}
  .header-main .header-inner-main .header-inner .header-menu .header-menu-inner{border-top:1px solid rgba(255,255,255,0.2);position:fixed;top:0;left:0;right:0;background:var(--unnamed-color-fff);z-index:777;height:calc(100% - 73px);overflow:scroll;transition:all 400ms ease;transform:translateX(-100%);visibility:hidden;opacity:0;}
  .header-main .header-inner-main .header-inner .header-menu.show .header-menu-inner{transform:translateX(0);visibility:visible;opacity:1;}
  .header-main .header-inner-main .header-inner .header-menu ul > li.nav-item > a{margin:0;width:auto;color:var(--unnamed-color-0F1525);}
  .header-main .header-right{margin-right:0px;}
  .header-main .header-inner-main nav.navbar{height:73px;}
  .header-logo img{max-width:60px;}
  .site-header{height:73px;}
  .header-main .header-menu .header-menu-inner > ul > li{width:100%;}
  .header-main .header-inner-main .header-inner .header-menu .header-menu-inner{padding:0px;margin-top:73px;}
  .header-main .header-menu .header-menu-inner > ul > li:last-child{border-bottom:none;}
  .header-main .header-menu .header-menu-inner > ul{width:100%;max-width:100%;margin:auto;padding:20px 0px;}
  .header-menu ul li .login-btn a.btn{color:var(--unnamed-color-fff)!important;}
  .header-menu ul li .login-btn a.btn::after{display:none!important;}
  .header-main .header-inner-main .header-inner .header-menu ul li.nav-item-hover a:after{top:100%;}
  .header-main .header-inner-main .header-inner .header-menu ul li a:hover:after,
  .header-main .header-inner-main .header-inner .header-menu ul li a.active:after{transform-origin:unset!important;bottom:0px;}
  .header-main .header-menu .header-menu-inner > ul > li{padding:10px 15px;}
  .header-main .header-menu .header-menu-inner .login-btn > ul > li{padding-bottom:20px;}
  .header-main.white-header .header-inner-main .header-inner .header-menu ul li a{color:var(--third-text);}
  .header-main .header-inner-main .header-inner{width:auto;}

  /* BANNER SECTION  */

  /* PRODUCT SECTION */
  .product-hover-content h3{font-size:19px;line-height:32px;}
  .product-content-wrapper img{width:155px;}

  /* MOBILE/TABLET VIEW HEADER CSS */
  .mainnav div{display:block;}
  .mainnav ul{display:none;position:unset;}
  .mainnav ul li{display:block;}
  .mainnav ul ul{position:static;}
  .mainnav ul ul .hasDD.on > a:after{transform:rotate(-180deg);}
  .hasDD,
  .hasDD.on{transition:border 0.5s ease;}

  /* SOCIAL MEDIA SECTION ---- CONTACT US PAGE */
  .social-media-cover{width:60px;height:60px;}
  .social-media-cover img{max-width:30px;}
}

/*=========================================================
// Small devices (landscape phones, less than 768px)
===========================================================*/
@media (max-width:767.98px){
  h1{font-size:35px;line-height:45px;}
  h2{font-size:28px;line-height:33px;}
  h3{font-size:25px;line-height:30px;}
  h4{font-size:16px;}
  h6{font-size:15px;}
  p{font-size:15px;line-height:35px;}
  .font-24{font-size:19px;}

  /* BANNER SECTION */
  .banner-title{padding-top:30px;max-width:99%;}
  .secondary-banner .banner-img img{height:340px;width:100%;}
  .primary-banner .banner-img img{height:210px;width:100%;}

  /* FOOTER SECTION */
  .font-20{font-size:14px;line-height:25px;}
  .main-heading{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
}
@media(max-width:575px){

/* BANNER SECTION */}
@media(max-width:520px){
  h2{font-size:20px;line-height:24px;}
  h3{font-size:17px;line-height:23px;}
  .font-18{font-size:16px;}

  /* COMMON CSS */
  .common-pt{padding-top:60px;}

  /* FOOTER */
  .font-20{font-size:11px;line-height:16px;}
}