@media screen and (min-width: 991px) {
.header-st1.a1 { display:none; }
.container-cus.a2 {padding-left:0;}

}
@media screen and (min-width: 767px) {


.megambg .nav-link {text-align:left;}


/* makes the dropdown full width  */

.navbar .dropdown-mega-jm  {position:static;}

.footer_brand{
    max-width: 100%;
    flex: 0 0 100%;
}

.navbar .mega-menu-jm {

  width:100%;

  left:10;

  right:10;

  top:35px;

  display:block;

  visibility: hidden;

  opacity: 0;

  border-radius:0;

  transition: visibility 0s, opacity 0.3s linear;

}


.navbar .dropdown:hover .mega-menu-jm, .navbar .dropdown .mega-menu-jm:hover {

  display:block;

  visibility: visible;

  opacity: 1;

  transition: visibility 0s, opacity 0.3s linear;

}

  .navbar .mega-menu-jm {

    border: 1px solid rgba(0,0,0,.15);

  }

}



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

 .container-cus-  {padding-right:90px;padding-left:90px;}
 .cracs {width: 80px;}
	
}
@media only screen and (max-width: 1145px) {

 .container-cus-  {padding-right:70px;padding-left:70px;}
	
	
	
	.main-nav .nav-link {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 10px!important;
}


}
@media (max-device-width:1024px) {
	.bdt-flip-box {
		cursor: pointer
	}
}

@media screen and (max-width: 992px) { .collapse-sid-nav:not(.show) {display: none;}

.sidenavpos {
    width: 100%;
    height: auto;
    position: -webkit-static;
    position: static;
    top: auto;
    top: 0;
    z-index: auto;
}



.collapse-sid-nav {  position:  ;  overflow-y: scroll; width:100%; height:110vh; }


.sidenave-md {display:none}
.sidenave-sm {display:block;  margin-bottom:10px;}}




@media only screen and (max-width: 991px) {
	
	/*.main-namhd,*/ .bnner-head-isos, .top-logo-rs {color:#fff;}

	
	
.main-conth.a1 {margin-top:80px;}
/*.header-area,*/ .bnner-head-isos , .logo-excena, .top-logo-rs {display:none;}


.top-logo {  border-bottom-left-radius:20px;  margin-left:-50px;}

.header-st1 {background-color:#fff; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border:1px solid #707070; margin:0 15px; width: calc(100% - 30px); position:fixed; top:0; z-index:+999;}


.top-logo-rs .th-desk {display:none;}
.top-logo-rs .th-mob {display:block;}
.main-nav.scrolled, .main-nav-1{margin-top:0; padding:0;}
.main-nav {margin-top:0; }
	.main-nav.scrolled .navbar-toggler, .main-nav-1 .navbar-toggler {
    display: block;
}

.main-nav .closebtn {display:block; width:30px; float:right;}
.main-nav .mainnavlogo {display:none;}
	.header-toggle-mobile {display:block;  margin-top:auto; margin-bottom:auto; border-radius:0; border:0 solid #fff; color:#fff;}
	.header-toggle-mobile i{ color:#fff;}

.main-nav .collapse:not(.show) {
    display: block;



  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
}


.faca-1 {display: none}

.faca-2 {display: block}

.fase-1 {display: block; margin:15px;}

.fase-2 {display: none}	






	
#sidebar .sidebar-header {width: calc(100% - 50px); margin-left:15px;}
.bnner-head {font-size:16px; letter-spacing:1px; padding:20px;}

.main-nav .nav-link {font-size:14px; font-weight:500; padding:15px 10px!important;}

.main-conth {margin-top:100px;}


.side-rgt {
    margin-top: 35px;
}
}



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

	.main-nav .nav-link {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 8px!important;
}
}

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

	.main-nav .nav-link {
    font-size: 12px;
    font-weight: 500;
    padding: 15px 8px!important;
}



}






@media only screen and (max-width: 859px) {
	
	
	
	
	.main-nav .nav-link {
    font-size: 12px;
    font-weight: 500;
    padding: 9px 5px!important;
}


}





@media only screen and (max-width: 767px) {
	
	
.main-nav.scrolled .logo-excena { display:none;}


.navbar .mega-menu-jm {
    border: none;
    margin-left: 0%;
     margin-right: 0%; 
    border: none;
    width: 1000%!important;
}
.main-nav.scrolled .logo-excena ,.main-nav-1 .logo-excena   {display: none;}

.bnner-head {font-size:12px; letter-spacing:0px; padding:20px 4px;}

.nav-link {text-align:center;}

.main-nav{margin:0; width: 100%; }

.product-discsec  .com-hsec { }

.product-discsec .com-hsec .h2-st1 {font-size:16px; width:75%; }


.main-nav .navbar-brand{max-width:60%;}



.navbar-brand { height:60px;}

.main-nav img{width:auto; height:100%; padding:2px;}




.navbar-collapse{

overflow-y: auto; overflow-x:hidden;}


	

.main-conth.a1 {margin-top:100px;}
	

	.cracs {

    width: 85px;

    top: 130px;

    right: 0;

}

.side-rgt {
    margin-top: 10px;
}






.banim-overlay h2 {font-size:13px; }

.banim-overlay ul   {line-height:1.5;}

.banim-overlay ul li  {font-size:11px; }

.banim-overlay ul li:before {  font-size:11px; padding-right:5px; color:#000;}

.banim-overlay ul li a {font-size:11px;}



	
.h2-st6 { 
text-align: center;
font-size: 50px;
width:100%;
font-weight:1000;
position:absolute;
color: #F1F1F1; top:-40px;}
.h2-st7 { 
text-align: center;
font-size: 18px;
font-weight:500;
color: #000;
position:absolute; /*top:0; */bottom:0; left:0; right:0; margin:auto;}
	
}
	
@media screen and (max-width: 767px) {


	
.container-cus- {
    padding-right: 15px!important;
    padding-left: 15px!important;
}

.cracs {
    position: fixed;
    top: auto;
    bottom: 0;
	width:100%;
	height:auto;
}


body.scrolled .cracs {width: 70%;  right:15%;}

.cracs img {
    width: 100%;
    height: 100%;
}

}


/* breakpoint and up - mega dropdown styles */


@media (max-width: 768px) {
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
	
}


@media (max-width: 320px){
    .st1{font-size: 24px;}
    .smd{
        font-size: 9px;
    }
}
@media (max-width: 360px){
    .smd{
font-size: 10px;
    }
    .st3{
        font-size: 20px;
    }
 
}
@media (max-width: 500px){

.stos2{
    font-size: 20px;
    margin-left: -1px;
    margin-top: -1px;
}
.thumb-gall-cap{
    font-size: 8px;
}
.h2-st7 {
    font-size: 16px;
}
.stt1{
    font-size: 29px;
}
.stt2{
    font-size: 24px;
}
.stt3{
    font-size: 25px;
}
.stt4{
    font-size: 22px;
}
.stt5{
    font-size: 8px;
}
.stt6{
    font-size: 20px;
}
.stt7{
    font-size: 8px;
}
.stt8{
    font-size: 14px;
}
.stt9{
    font-size: 19px;
}
.stt10{
    font-size: 20px;
}
.stt11{
    font-size: 20px;
}
.stt12{
    font-size: 7px;
}
.stt13{
    font-size: 17px;
}
}

@media (max-width: 500px) {
    .mobile-image-top{
        margin-top: 0px;
    }
}

@media (max-width: 500px) {
    .image-left-margin{
        margin-left: 0px;
    }
}

@media (max-width: 360px){
    .stt71{
        font-size: 10px;
    }
}
@media (max-width: 411px){
    .stos2 {
        margin-left: 1px;
        font-size: 21px;
    }
        .h2-st7 {
            font-size: 13px;   
        } 
        .s11{
            font-size: 10px;
        }
        .stt2{
            font-size: 29px;
        }
}
@media (max-width: 375px){
    .smd{font-size: 10px;}
}
@media (max-width: 414px){
    .stos2{ 
        font-size: 20px;
        margin-left: -1px;
    }
    .smd1{
        font-size: 10px;
    }

}