@media screen and (min-width:280px) and (max-width:388px) {
   .cart-iittm { padding: 0 !important; }
   .filltr-btn-formobile { display: inherit; margin: 11px;}
   .scrollable-area { height: auto; }
   .scrollable-area { padding: 0 !important; }
   #main-preview { width: 100%; position: static; margin: 31px auto 0; }
   #v-pills-tab { position: static; display: block ruby; padding: 0 10px; border-bottom: 2px solid #000; } 
   .posi-all-dv { display: block !important; }
   .posi-moble { position: static !important; transform: translateY(-0%) !important; }
   .nav-pills .nav-link.active { border-left: none; padding: 0 26px; }
   .remov-bttn { display: none; }
   /*toggle filter menu */
   .offcanvas { visibility: visible !important; }
   .offcanvas.offcanvas-start { transform: translateX(-100%); position: fixed !important; }
   .offcanvas-header { display: inherit; }
   .offcanvas-body { padding: 6px; }
   .dlflx { display: block !important; }
   .main-outpup-img { width: 77%; position: relative; left: 0; top: 0; margin: 0px auto;}
   .chck-boxs-1 { position: static; }
   /*toggle filter menu */
   #banner-text-paras { position: static; background: #212127; width: 100%;}
   #main-banner-slider .carousel-inner { height: auto;}
   #banner-text-paras .hero-content h1 { font-size: 37px; }
   #banner-text-paras .hero-content { position: relative; max-width: 100%; color: #fff; padding: 27px; line-height: 27px; }
   .com-hding-cnter h2 { font-size: 37px; }
   #our-items-showing .collctn-iitem { height: auto; }
   #main-banner-slider .carousel-caption h1 { font-size: 17px; }
   #main-banner-slider .carousel-caption p {font-size: 14px; }
   #main-banner-slider .carousel-caption { right: 17%;bottom: 13%; left: 8%; padding-top: 0; padding-bottom: 0; }
   #tech-fr-fit { padding: 0 0; }
   .form-mo { display: inline; }
   .form-mo li { display: inline-block; }
   #main-header-top .navbar-custom .nav-link { font-size: 19px; padding: 0 5px;}
   #menu-mega-hder { right: 14px; top: -1px; }
}
@media screen and (min-width:389px) and (max-width:476px) {
   .cart-iittm { padding: 0 !important; }
   .filltr-btn-formobile { display: inherit; }
      .scrollable-area { height: auto; }
   .scrollable-area { padding: 0 !important; }
   #main-preview { width: 100%; position: static; margin: 31px auto 0; }
   #v-pills-tab { position: static; display: block ruby; padding: 0 10px; border-bottom: 2px solid #000; } 
   .posi-all-dv { display: block !important; }
   .posi-moble { position: static !important; transform: translateY(-0%) !important; }
   .nav-pills .nav-link.active { border-left: none; padding: 0 26px; }
   .remov-bttn { display: none; }
   /*toggle filter menu */
   .offcanvas { visibility: visible !important; }
   .offcanvas.offcanvas-start { transform: translateX(-100%); position: fixed !important; }
   .offcanvas-header { display: inherit; }
   .offcanvas-body { padding: 6px; }
   .dlflx { display: block !important; }
   .main-outpup-img { width: 77%; position: relative; left: 0; top: 0; margin: 0px auto;}
   .chck-boxs-1 { position: static; }
   /*toggle filter menu */
   #banner-text-paras { position: static; background: #212127; width: 100%;}
   #main-banner-slider .carousel-inner { height: auto;}
   #banner-text-paras .hero-content h1 { font-size: 37px; }
   #banner-text-paras .hero-content { position: relative; max-width: 100%; color: #fff; padding: 27px; line-height: 27px; }
   .com-hding-cnter h2 { font-size: 37px; }
   #our-items-showing .collctn-iitem { height: auto; }
   #main-banner-slider .carousel-caption h1 { font-size: 17px; }
   #main-banner-slider .carousel-caption p {font-size: 14px; }
   #main-banner-slider .carousel-caption { right: 17%;bottom: 13%; left: 8%; padding-top: 0; padding-bottom: 0; }
   #tech-fr-fit { padding: 0 0; }
   .form-mo { display: inline; }
   .form-mo li { display: inline-block; }
   #main-header-top .navbar-custom .nav-link { font-size: 19px; padding: 0 5px;}
   #menu-mega-hder { right: 14px; top: -1px; }
}
@media screen and (min-width:477px) and (max-width:575px) {
   .cart-iittm { padding: 0 !important; }
   .filltr-btn-formobile { display: inherit; }
      .scrollable-area { height: auto; }
   .scrollable-area { padding: 0 !important; }
   #main-preview { width: 100%; position: static; margin: 31px auto 0; }
   #v-pills-tab { position: static; display: block ruby; padding: 0 10px; border-bottom: 2px solid #000; } 
   .posi-all-dv { display: block !important; }
   .posi-moble { position: static !important; transform: translateY(-0%) !important; }
   .nav-pills .nav-link.active { border-left: none; padding: 0 26px; }
   .remov-bttn { display: none; }
   /*toggle filter menu */
   .offcanvas { visibility: visible !important; }
   .offcanvas.offcanvas-start { transform: translateX(-100%); position: fixed !important; }
   .offcanvas-header { display: inherit; }
   .offcanvas-body { padding: 6px; }
   .dlflx { display: block !important; }
   .main-outpup-img { width: 55%; position: relative; left: 0; top: 0; margin: 0px auto;}
   .chck-boxs-1 { position: static; }
   /*toggle filter menu */
   #banner-text-paras { position: static; background: #212127; width: 100%;}
   #main-banner-slider .carousel-inner { height: auto;}
   #banner-text-paras .hero-content h1 { font-size: 37px; }
   #banner-text-paras .hero-content { position: relative; max-width: 100%; color: #fff; padding: 27px; line-height: 27px; }
   .com-hding-cnter h2 { font-size: 37px; }
   #our-items-showing .collctn-iitem { height: auto; }
   #main-banner-slider .carousel-caption h1 { font-size: 31px; }
   #main-banner-slider .carousel-caption p {font-size: 20px; }
   #main-banner-slider .carousel-caption { right: 17%;bottom: 13%; left: 8%; padding-top: 0; padding-bottom: 0; }
   #tech-fr-fit { padding: 0 0; }
   #editorls { display: none; }
   .form-mo { display: inline; }
   .form-mo li { display: inline-block; }
   #main-header-top .navbar-custom .nav-link { font-size: 19px; padding: 0 5px;}
   #menu-mega-hder { right: 14px; top: -1px; }
}
@media screen and (min-width:576px) and (max-width:767px) {
    .cart-iittm { padding: 0 !important; }
    .filltr-btn-formobile { display: inherit; }
       .scrollable-area { height: auto; }
   .scrollable-area { padding: 0 !important; }
   #main-preview { width: 100%; position: static; margin: 31px auto 0; }
   #v-pills-tab { position: static; display: block ruby; padding: 0 10px; border-bottom: 2px solid #000; } 
   .posi-all-dv { display: block !important; }
   .posi-moble { position: static !important; transform: translateY(-0%) !important; }
   .nav-pills .nav-link.active { border-left: none; padding: 0 26px; }
   .remov-bttn { display: none; }
   /*toggle filter menu */
   .offcanvas { visibility: visible !important; }
   .offcanvas.offcanvas-start { transform: translateX(-100%); position: fixed !important; }
   .offcanvas-header { display: inherit; }
   .offcanvas-body { padding: 6px; }
   .dlflx { display: block !important; }
   .main-outpup-img { width: 41%; position: relative; left: 0; top: 0; margin: 0px auto;}
   .chck-boxs-1 { position: static; }
   /*toggle filter menu */
   #banner-text-paras { position: static; background: #212127; width: 100%;}
   #main-banner-slider .carousel-inner { height: auto;}
   #banner-text-paras .hero-content h1 { font-size: 37px; }
   #banner-text-paras .hero-content { position: relative; max-width: 100%; color: #fff; padding: 27px; line-height: 27px; }
   .com-hding-cnter h2 { font-size: 37px; }
   #our-items-showing .collctn-iitem { height: auto; }
   #main-banner-slider .carousel-caption h1 { font-size: 31px; }
   #main-banner-slider .carousel-caption p {font-size: 20px; }
   #main-banner-slider .carousel-caption { right: 17%;bottom: 13%; left: 8%; padding-top: 0; padding-bottom: 0; }
   #tech-fr-fit { padding: 0 0; }
   #editorls { display: none; }
   .form-mo { display: inline; }
   .form-mo li { display: inline-block; }
   #main-header-top .navbar-custom .nav-link { font-size: 19px; padding: 0 5px;}
   #menu-mega-hder { right: 14px; top: -1px; }
}
@media screen and (min-width:768px) and (max-width:991px) {
   .cart-iittm { padding: 0 !important; }
   .filltr-btn-formobile { display: inherit; }
      .scrollable-area { height: auto; }
   .scrollable-area { padding: 0 !important; }
   #main-preview { width: 100%; position: static; margin: 31px auto 0; }
   #v-pills-tab { position: static; display: block ruby; padding: 0 10px; border-bottom: 2px solid #000; } 
   .posi-all-dv { display: block !important; }
   .posi-moble { position: static !important; transform: translateY(-0%) !important; }
   .nav-pills .nav-link.active { border-left: none; padding: 0 26px; }
   .remov-bttn { display: none; }
   /*toggle filter menu */
   .offcanvas { visibility: visible !important; }
   .offcanvas.offcanvas-start { transform: translateX(-100%); position: fixed !important; }
   .offcanvas-header { display: inherit; }
   .offcanvas-body { padding: 6px; }
   .dlflx { display: block !important; }
   .main-outpup-img { width: 41%; position: relative; left: 0; top: 0; margin: 0px auto;}
   .chck-boxs-1 { position: static; }
   #prodct-detila-inner { padding: 9px 0; }
   .fabric-card { padding: 10px 8px; }
   /*toggle filter menu */
   #banner-text-paras { position: absolute; top: 50px; left: 54px; z-index: 9; width: 52%; }
   #main-banner-slider .carousel-inner { height: auto ; }
   #editorls { display: none; }
   .form-mo { display: inline; }
   .form-mo li { display: inline-block; }
   #main-header-top .navbar-custom .nav-link { font-size: 19px; padding: 0 5px;}
   #menu-mega-hder { right: 14px; top: -1px; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
   .posi-moble { width: 42%; padding: 0 31px 0 0 !important; }
   #banner-text-paras { position: absolute; top: 50px; left: 54px; z-index: 9; width: 52%; }
   #main-banner-slider .carousel-inner { height: auto ; }
   
}
@media screen and (min-width:1150px) and (max-width:1240px) {
 
} 
@media screen and (min-width:1241px) and (max-width:1340px) {
  
}
@media screen and (min-width:1341px) and (max-width:1399px) {
   
}
@media screen and (min-width:1400px) and (max-width:1499px) {
   
@media screen and (min-width:1500px) and (max-width:1599px) {
   
}
@media screen and (min-width:1600px) and (max-width:1699px) {
   
}
@media screen and (min-width:1700px) and (max-width:1799px) {
    
}
@media screen and (min-width:1800px) and (max-width:1899px) {
   
}
@media screen and (min-width:1900px) and (max-width:1999px) {
  
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}