/*BreakPoints*/

@media (min-width: 320px){

   #header-search{
      padding: 20px 30px 20px 50px;
   }

   #header-contacts{
      text-align: center;
   }

/*   .header-item-container{
      text-align: center;
      
   }*/

   .header-contacts-item{
   transform: translateY(0%) !important;
   }

   .search-field{
   transform: translateY(0%) !important;
   }

   h2.section-page-title{
   font-size:20px;
   }

   h3.section-page-title{
   font-size:18px;
   }
	
	/*Loader CSS*/
	.loader-container {
	    top: 0;
	    left: 0;
	    height: 100vh !important;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 100% !important;
	    min-width: 100% !important;
	}

	.loader {
	    z-index: 9999999999;
	    position: absolute;
	    text-align: center;
	}
	
	/*End Loader CSS*/
	
	/*Header css*/
	
		
	/*end header css*/
}

@media (min-width: 375px){}

@media screen and (max-width: 480px) {}


@media screen and (max-width: 573px) {}

@media (min-width: 576px){}

@media (min-width: 768px){

   #header-search{
      padding: 25px 0px 0px 0px;
   }

   .search-field{
   transform: translateY(50%) !important;
   } 

   #header-contacts{
     text-align: end;
   }

   .header-item-container{
      padding: 10px;
   }
   
   .header-contacts-item{
		/*transform: translateY(50%) !important;*/
   }

   h2.section-page-title{
   font-size:28px;
   }

   h3.section-page-title{
   font-size:24px;
   }


}


@media screen and (max-width: 835px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 835px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;

  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    color: #0e0e0e;
  }

   .topnav.responsive a:hover {
    color: #fff;
  }

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}


@media (min-width: 992px){}

@media (min-width: 1024px){
	
}


@media screen and (max-width: 1199px) {
	.row.our-products .col-md-4 {
    	margin-bottom: 20px;
	}
}

@media (min-width: 1200px){}


/*Custom Mobile Menu*/

@media (max-width: 1366px){
	button.dropbtn i.fa.fa-caret-down {
    	margin-left: 0 !important;
    	padding-left: 15px;
	}
}

@media (max-width: 1140px){
	button.dropbtn i.fa.fa-caret-down {
    	padding-left: 5px;
	}
	.topnav a:not(.dropdown-item), .topnav .dropdown a {
    	font-size: 12px !important;
	}
}

@media (max-width: 1024px){
	.row.header-item-container > div:nth-child(1) {
	    flex-basis: 10%;
	    display: flex;
	}
	
	.row.header-item-container > div:nth-child(2) {
	    flex-basis: 30%;
	}
	
	.row.header-item-container > div:nth-child(3) {
	    flex-basis: 60%;
	}
	
	.row.content-box > div {
	    flex-basis: 50%;
	}
}

@media (max-width: 960px){
	div#imperial-slider-container {
		margin-left: 0;
		margin-right: 0;	
	}
	
	div#myTopnav a,div#myTopnav button {
    	font-size: 12px !important;
	}
	
	.row.header-item-container ,div#myTopnav  {
	    display: none; 
	}
	
	a#dropdownMenuButton:hover, .show > .btn-secondary.dropdown-toggle{
		background-color: #f2dd6e !important;
	}

	/*mobile menus*/
	
	.mobile-responsive-menu{
		display: block;
	}
	
	.top-menu {
	    display: flex;
	    padding: 5px 10px;
	    align-items: center;
	    border-bottom: 1px solid #ccc;
	}
	
	.top-menu > span {
	    flex-basis: 80%;
	    margin: 0 !important;
	    text-align: right;
	}
	
	.top-menu span select {
	    width: 70%;
	    padding: 0 10px;
	    height: 40px;
	}
	
	.top-menu a:nth-child(3), .top-menu a:nth-child(4) {
	    flex-basis: 5%;
	    text-align: center;
	}
	
	.top-menu .logo {
	    flex-basis: 20%;
	    text-align: left;
	}

	.top-menu .logo img {
	    margin: 0;
	}
	
	.top-menu a:nth-child(4) span {
	    margin: 0 !important;
	}
	
	.down-menu {
	    display: flex;
	    padding: 10px 10px;
	    align-items: center;
	    position: relative;
	}
	
	.form-search {
	    display: none;
	}
	
	.down-menu button#mobile-btn {
	    border: none;
	    font-size: 24px;
	    line-height: initial;
	    color: #333;
	}
	
	.down-menu div:nth-child(1) {
    	flex-basis: 90%;
	}
	
	.down-menu button:nth-child(3),.down-menu button:nth-child(3):hover{background: none;color: #333;font-size: 16px; outline:none;}
	
	.down-menu button:nth-child(3), .down-menu a:nth-child(4) {
    	flex-basis: 5%;
	}
	
	.navi-link-parent {
	    position: fixed;
	    z-index: 999999;
	    top: 0;
	    left: 0;
	    width: 0%;
	    height: 100vh;
	    background: rgba(0,0,0,0.7);
	    display: flex;
	    overflow: hidden;
	    transition: .3s;
	}
	
	.form-search.displayed {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    z-index: 9999999;
	    background: #eee;
	    left: 0;
	    display: flex !important;
	    align-items: center;
	    justify-content: flex-end;
	}
	
	.form-search.displayed .search {
	    width: 40%;
	    flex-basis: 40%;
	}
	
	.form-search.displayed > div:nth-child(2) button {
	    border: none;
	    background: none;
	    padding: 0 10px;
	    font-size: 22px;
	}
	
	.navi-links {
	    background: #fff;
	    padding: 10px;
	    width: 30%;
    	padding-top: 40px;
    	overflow-y: scroll;
    	border-top: 2px solid #ff0006;
	}
	
	ul.link-list {
	    display: flex;
	    flex-direction: column;
	}
	
	a#mobile-drpDown {
	    padding: 10px 0;
	    text-transform: uppercase;
	    width: 100%;
	    text-align: left;
	    display: flex;
    	gap: 10px;
    	border-bottom: 1px solid #ccc;
	}
	
	ul.link-list li {font-weight: 600;}
	
	button#close-menu-btn {
	    position: absolute;
	    right: 30px;
	    top: 0px;
	    background: no-repeat;
	    border: none;
	    color: #fff;
	    font-size: 44px;
	}
	
	.dropdown-menu.in-mobile.show {
	    position: relative !important;
	    float: none;
	}
	
	.dropdown-menu.in-mobile.show a {
	    background: none !important;
	    color: #222 !important;
	    padding: 10px;
	}
	
	.dropdown-menu.in-mobile.show {
	    background: none !important;
	    border: none;
	    box-shadow: none;
	    padding-top: 0;
	}
	button#close-menu-btn i.fa {
	    font-size: 24px;
	}
	
	/*nav link mobile*/
	li.mbl > a{
	  display: flex;
	  gap: 10px;
	  align-items: center;
	  text-align: center;
	  padding: 10px 0;
	  width: 100%;
	}
	
	li.mbl:nth-child(1) a:before {
	  background: url('./images/televisions.png');
	}
	
	li.mbl:nth-child(2) a:before {
	  background: url('./images/volume.png');
	}
	
	li.mbl:nth-child(3) a:before {
	  background: url('./images/refrigerator.png');
	}
	
	li.mbl:nth-child(4) a:before {
	  background: url('./images/laundry.png');
	}

	li.mbl:nth-child(5) a:before {
	  background: url('./images/ac.png');
	}
	
	li.mbl:nth-child(6) a:before {
	  background: url('./images/appliance.png');
	}
	
	a#mobile-drpDown:before {
	  background: url('./images/tag.png');
	}
	
	li.mbl:nth-child(1) a:before,
	li.mbl:nth-child(2) a:before,
	li.mbl:nth-child(3) a:before,
	li.mbl:nth-child(4) a:before,
	li.mbl:nth-child(5) a:before,
	li.mbl:nth-child(6) a:before,
	a#mobile-drpDown:before{
	  content: '';
	  background-repeat: no-repeat;
	  width: 24px !important;
	  height: 24px;
	  display: block;
	  background-size: contain !important;
	}

	ul.link-list {
	    display: grid;
	    grid-template-columns: 1fr;
	    min-width: min-content;
	}
	
	li.mbl{
	  border-bottom: 1px solid #ccc;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 0;
	  font-size: 12px;
	}
	
	a#mobile-drpDown .fa {
	    flex: 1;
	    text-align: right;
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	}
	
	p.forcategory {
	    margin: 0;
	    margin-top: 10px;
	    font-weight: 600;
	}
	
	a#mobile-drpDown[aria-expanded="true"] .fa:before {
	    display: inline-block;
	    transform: rotate(-180deg);
	    transition: .5s;
	}
	
	a#mobile-drpDown .fa:before{
	    display: inline-block;
	    transform: rotate(0deg);
	    transition: .5s;
	}
	
}

@media (max-width: 800px){
	.navi-links{
		width: 40%;
	}
	.main-footer-links .footer-links {
	    flex-basis: 50%;
	}
	
	.main-footer-links {
	    flex-wrap: wrap;
	}
	.sub-footer {flex-wrap: wrap;row-gap: 20px;}

	.sub-footer > div > a{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    gap: 10px;
	}
	img.logo-footer {
	    width: 20%;
	}
	
	.inner-main-footer {
	    width: 90%;
	}
}


@media (max-width: 768px){
	.iframeContainer {
	    min-width: 90% !important;
	    width: 90%;
	}
}

@media (max-width: 600px){
	.form-search.displayed .search{
		flex-basis: 55%;
	}
	.main-footer-links .footer-links {
	    flex-basis: 100%;
	}
}

@media (max-width: 480px){
	.navi-links{
		width: 80%;
	}
	
	.form-search.displayed .search{
		flex-basis: 70%;
	}
	
	button#close-menu-btn{
		right: 20px;
	}
	
	.top-menu .logo img {
	    margin: 0;
	    max-width: 50px;
	    min-width: 50px;
	}
	.col-md-5ths.col-xs-5ths.col-sm-5ths.mb-4 {
    	max-width: 100%;
    	float: none;
	}	
}

@media (max-width: 375px){
	.top-menu span select{
		width: 90%;
	}
	.row.content-box .col-md-12 {
	    flex: 1;
	}
}