@media only screen and (min-width:991px) and (max-width:1199px)  {
*.animated{animation-duration:inherit !important;}
.logo{position: inherit !important; height: auto !important;}
.address { display: none !important;}
.logo { width: 45% !important;  margin: 0px auto !important;}
nav#cssmenu {    display: none !important;}
.social-media-contact-item ul li a{    margin: 0 0px !important;}
.about-text h2 { font-size: 32px !important;}
.product-box {width: 50% !important;  max-width: 50% !important;  flex: auto !important;}
.color-bg-item{position: inherit !important; top: 0px !important;}
.button-quality{margin-block: 0px !important;}
.widget.top-design { width: 50% !important;  max-width: 50% !important;  flex: auto !important;}
.widget {width: 50% !important; max-width: 50% !important;  flex: auto !important;}
.contact-box-foxed { width: 50% !important; max-width: 50% !important;  flex: auto !important;}
.pro-box {width: 50% !important; max-width: 50% !important; flex: auto !important;}
.cover-product{width: 300px !important;}
.mobile-menu {    display: block !important;}
}

@media only screen and (min-width:768px) and (max-width: 990px){
*.animated{animation-duration:inherit !important;}
.logo{position: inherit !important; height: auto !important;}
.address { display: none !important;}
.logo { width: 45% !important;  margin: 0px auto !important;}
nav#cssmenu {    display: none !important;}
.social-media-contact-item ul li a{    margin: 0 0px !important;}
.about-text h2 { font-size: 32px !important;}
.product-box {width: 50% !important;  max-width: 50% !important;  flex: auto !important;}
.color-bg-item{position: inherit !important; top: 0px !important;}
.button-quality{margin-block: 0px !important;}
.widget.top-design { width: 50% !important;  max-width: 50% !important;  flex: auto !important;}
.widget {width: 50% !important; max-width: 50% !important;  flex: auto !important;}
.contact-box-foxed { width: 50% !important; max-width: 50% !important;  flex: auto !important;}
.pro-box {width: 50% !important; max-width: 50% !important; flex: auto !important;}
.mobile-menu{display: block !important;}
.sticky{ width: 100% !important;}
.search-bar{ position:  relative !important; right: 40px !important;}
}
@media only screen and (min-width:480px) and (max-width: 767px){
*.animated{animation-duration:inherit !important;}
.logo{position: inherit !important; height: auto !important;}
.address { display: none !important;}
.logo { width: 75% !important;  margin: 0px auto !important;}
nav#cssmenu {    display: none !important;}
.social-media-contact-item ul li a{    margin: 0 0px !important;}
.about-text h2 { font-size: 32px !important;}
.product-box {width: 100% !important;  max-width: 100% !important;  flex: auto !important;}
.color-bg-item{position: inherit !important; top: 0px !important;}
.button-quality{margin-block: 0px !important;}
.widget.top-design { width: 100% !important;  max-width: 100% !important;  flex: auto !important;}
.widget {width: 100% !important; max-width: 100% !important;  flex: auto !important;         margin-bottom: 30px !important;}
.contact-box-foxed { width: 100% !important; max-width: 100% !important;  flex: auto !important;}
.pro-box {width: 100% !important; max-width: 100% !important; flex: auto !important;}
.mobile-menu{display: block !important;}
.enquiry {    display: none !important;}
.phone_lefts-side.glow {    display: none !important;}
div#whatsapp {    display: none !important;}
.sticky .row{ flex-wrap: inherit !important;}
.search-bar{ position: relative !important; right: 17px !important;}
img#toTop {    display: none !important;}
.top-design{bottom: inherit !important;}
.widget.top-design {    margin-bottom: 30px !important;}
.section-title{margin-bottom: 0px !important;}
.contact-form{    max-width: 100% !important;   padding: 30px !important;}
.about-text {    margin-bottom: 50px !important; margin-top: 100px !important;}
.testing-button-metter-img {    display: none !important;}
.white-bg img {    width: 50% !important;}
.inner-left-side-product li{width: 100% !important; margin-right: 0px !important;}
ul.coloring li a{    display: block !important; width: 100% !important;  margin-bottom: 15px !important;}
.states {    margin-bottom: 20px !important;}
ul.coloring li a{    padding: 0 0 !important;}
.inner-left-side-product h3{text-align: center !important;}
.our-presence{padding-bottom: 0px !important;}
.form-side {    margin-top: 30px !important;}
.cover-product{width: 100% !important; margin-right: 0 !important;} 
.our-products{padding-bottom: 0px !important;}
.zoom-effect {    margin-bottom: 30px !important;}
.product-details{padding-bottom: 50px !important;}
.full-width-content {    margin-bottom: 30px !important;}
.copy-right {    margin-bottom: 40px !important;}
.mobile-three-item{display: block !important;}
.related-products {    margin-bottom: 0 !important;}
.white-wrap{position: inherit !important;     top: 138px !important;}
.form-desktop{padding-bottom: 50px !important;}
.cover-product-this ul {    padding-left: 15px !important;    margin-top: 22px !important;}
.common-banner h1 {    font-size: 30px !important;}
.icon_box{min-height: auto !important;}
.search-bar{ position: relative !important; right: 40px !important;}
}

@media only screen and (max-width: 479px){
*.animated{animation-duration:inherit !important;}
.sticky .row{ flex-wrap: inherit !important;}
.logo{position: inherit !important; height: auto !important;}
.address { display: none !important;}
.logo { width: 90% !important;  margin: 0px auto !important;}
nav#cssmenu {    display: none !important;}
.social-media-contact-item ul li a{    margin: 0 0px !important;}
.about-text h2 { font-size: 32px !important;}
.product-box {width: 100% !important;  max-width: 100% !important;  flex: auto !important;}
.color-bg-item{position: inherit !important; top: 0px !important;}
.button-quality{margin-block: 0px !important;}
.widget.top-design { width: 100% !important;  max-width: 100% !important;  flex: auto !important;}
.widget {width: 100% !important; max-width: 100% !important;  flex: auto !important;         margin-bottom: 30px !important;}
.contact-box-foxed { width: 100% !important; max-width: 100% !important;  flex: auto !important;}
.pro-box {width: 100% !important; max-width: 100% !important; flex: auto !important;}
.mobile-menu{display: block !important;}
.enquiry {    display: none !important;}
.phone_lefts-side.glow {    display: none !important;}
div#whatsapp {    display: none !important;}
img#toTop {    display: none !important;}
.top-design{bottom: inherit !important;}
.widget.top-design {    margin-bottom: 30px !important;}
.section-title{margin-bottom: 0px !important;}
.contact-form{    max-width: 100% !important;   padding: 15px !important;}
.about-text {    margin-bottom: 50px !important;}
.testing-button-metter-img {    display: none !important;}
.white-bg img {    width: 50% !important;}
.inner-left-side-product li{width: 100% !important; margin-right: 0px !important;}
ul.coloring li a{    display: block !important; width: 100% !important;  margin-bottom: 15px !important;}
.states {    margin-bottom: 20px !important;}
ul.coloring li a{    padding: 0 0 !important;}
.inner-left-side-product h3{text-align: center !important;}
.our-presence{padding-bottom: 0px !important;}
.form-side {    margin-top: 30px !important;}
.cover-product{width: 100% !important; margin-right: 0 !important;} 
.our-products{padding-bottom: 0px !important;}
.zoom-effect {    margin-bottom: 30px !important;}
.product-details{padding-bottom: 50px !important;}
.full-width-content {    margin-bottom: 30px !important;}
.icon_box{min-height: auto !important;}
.white-wrap{position: inherit !important;}
.testing-button-metter h5{font-size: 22px !important; text-align: justify !important;}
.color-bg-item span{font-size: 24px !important;     line-height: 30px !important;}
.inner-left-side-product h3{font-size: 28px !important;}
.grid figure p{visibility: hidden !important;}
.grid span{font-size: 22px !important;}
.mobile-three-item{display: block !important;}
.related-products {    margin-bottom: 0 !important;}
.top-header::after{width: 10% !important;}
.section-title h2{font-size: 30px !important;}
.copy-right {    margin-bottom: 40px !important;}
.social-media {    padding: 10px 0 !important;}
.texting-content h1{font-size: 25px !important;}
.form-desktop{padding-bottom: 50px !important;}
.product-section h4 {    font-size: 30px !important;}
.common-banner h1 {    font-size: 22px !important;}
.cover-product-this ul {    padding-left: 15px !important;}
.form-desktop .form-home{ margin-top: 100px !important;}
.search-bar{ width: 114% !important; right: 15px !important;}
.social-media-contact-item ul{ gap: 10px !important;}

}