@media (min-width:1920px) {

	.wrapper {
		width: 1320px;
	}
}

@media only screen and (max-width: 1800px) {
	
	.site-header {
		padding: 19px 0;
	}
	
	.site-branding img {
		width:190px;
		height:auto;
	}
	
	.menu li:not(:last-child) {
		margin-right: 45px;
	}
	
	body {
		font-size: 17px;
	}
	
	.modal-top {
		margin-bottom: 28px;
	}
	
	.modal-middle a {
		font-size: 20px;
	}
	
	.modal-middle ul li:not(:last-child) , .phone-number {
		margin-bottom: 19px;
	}
	
	.modal-bot {
		padding-top: 28px;
	}
	
	.modal-bot a {
		font-size: 19px;
	}
	
	.footer-logo img {
		max-width: 200px;
		height:auto;
	}
	
	footer.site-footer {
		padding: 46px 0;
	}
	
	.footer-top {
		padding-bottom: 28px;
	}
	
	.footer-middle {
		padding: 46px 0 90px 0;
	}
	
	.footer-block p ,.footer-block a  {
		font-size: 19px;
	}
	
	.footer-heading {
		margin-bottom: 19px;
	}
	
	.copyright-text p {
		font-size: 15px;
	}
	
	.social-media li:not(:last-child) {
		margin-right: 18px;
	}
	
	section.section.p-0.cta-section {
		padding: 100px 0;
	}
	
	.heading-group {
		margin-bottom: 28px;
	}
	
	.cta-content .button {
		padding: 13px 32px;
	}
	
	.cta-content .main-heading-text {
		margin-bottom: 18px;
	}
	
	h2 {
		font-size: 44px;
	}
	
	h3 {
		font-size: 32px;
	}
	
	h1 {
		font-size: 60px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 46px;
	}

	.button {
		font-size:15px;
		padding: 18px 32px;
	}
	
	section {
		padding: 135px 0;
	}
	
	section.about-section .heading-group {
		margin-bottom: 46px;
	}
	
	.left-part {
		width: 32.7727%;
		margin-left: -170px;
	}
	
	.right-part {
		width: 46.742424%;
	}
	
	.content-inner {
		padding: 12px;
	}
	
	h6 {
		font-size: 18px;
	}

	section.content-secton , section.aboutus-section {
		padding-bottom: 270px;
	}
	
	section.small-padding {
		padding: 90px 0;
	}
	
	.quality-image {
		width: 39.798%;
		margin-top: -220px;
	}
	
	.quality-content {
		width: 58.116%;
	}
	
	.quality-content .heading-group {
		margin-bottom: 19px;
	}
	
	.quality-bot {
		margin-top: 46px;
	}
	
	.left-block {
		width: 52%;
	}
	
	.right-block {
		width: 45%;
	}
	
	p {
		margin: 0 0 28px 0;
	}
	
	.quality-element img {
		width: 90%;
	}
	
	section.spectrum-section .heading-group {
		margin-bottom: 46px;
	}
	
	.spectrum-heading {
		margin: 28px 0 19px 0;
	}
	
	h4 {
		font-size: 24px;
	}
	
	.spectrum-icon {
		width: 75px;
		height: 75px;
	}
	
	.benifit-content {
		width: 47.638%;
	}
	
	.gif-part {
		width: 48.734%;
	}
	
	.gif-part:before {
		margin-bottom: -28px;
		margin-left: -28px;
	}
	
	section.accordian-section .heading-group {
		margin-bottom: 46px;
	}
	
	section.accordian-section .main-heading {
		margin-bottom: 19px;
	}
	
	.accordian-heading{
		padding: 19px 0;
	}
	
	h5 {
		font-size: 22px;
	}
	
	.accordian-content {
		padding-bottom: 19px;
	}
	
	section.testimonial-section .heading-group.text-center {
		margin-bottom: 46px;
	}
	
	.testimonial-inner {
		padding: 19px;
	}
	
	.test-bot {
		padding-bottom: 19px;
	}
	
	.client-image {
		width: 75px;
		height: 75px;
	}
	
	.client-review {
		margin: 19px 0;
	}
	
	.client-name {
		margin-top: 19px;
	}
	
	.product-category {
		margin-bottom: 46px;
	}
	
	.product-category ul li:not(:last-child) {
		margin-right: 18px;
	}
	
	.vision-bot {margin-top:46px;}
	
	.vision-icon {
		width: 140px;
		height: 140px;
	}
	
	.vision-icon img {
		width: 70px;
	}
	
	.vision-heading {
		margin: 19px 0;
	}
	
	section.tabing-section .heading-group {
		margin-bottom: 46px;
	}
	
	.tabs {
		width: 30%;
	}
	
	.tab-content-wrap {
		padding: 135px 80px;
		width: 50%;
	}
	
	.tab-content-wrap p {
		font-size: 18px;
	}
	
	.tabs button:not(:last-child) {
		margin-bottom: 18px;
	}
}

@media only screen and (max-width: 1600px) {
	
	.wrapper {
		width: 82.0625%;
	}
	
	.site-header {
		padding: 19px 0;
	}
	
	.site-branding img {
		width:180px;
	}
	
	.menu li:not(:last-child) {
		margin-right: 40px;
	}
	
	body {
		font-size: 16px;
	}
	
	.modal-top {
		margin-bottom: 26px;
	}
	
	.modal-middle a {
		font-size: 19px;
	}
	
	.modal-middle ul li:not(:last-child) , .phone-number {
		margin-bottom: 18px;
	}
	
	.modal-bot {
		padding-top: 26px;
	}
	
	.modal-bot a {
		font-size: 18px;
	}
	
	.footer-logo img {
		max-width: 190px;
	}
	
	footer.site-footer {
		padding: 42px 0;
	}
	
	.footer-top {
		padding-bottom: 26px;
	}
	
	.footer-middle {
		padding: 42px 0 80px 0;
	}
	
	.footer-block p ,.footer-block a  {
		font-size: 18px;
	}
	
	.footer-heading {
		margin-bottom: 18px;
	}
	
	.copyright-text p {
		font-size: 14px;
	}
	
	.social-media li:not(:last-child) {
		margin-right: 16px;
	}
	
	section.section.p-0.cta-section {
		padding: 90px 0;
	}
	
	.heading-group {
		margin-bottom: 26px;
	}
	
	.cta-content .button {
		padding: 12px 30px;
	}
	
	.cta-content .main-heading-text {
		margin-bottom: 16px;
	}
	
	h2 {
		font-size: 40px;
	}
	
	h3 {
		font-size: 30px;
	}
	
	h1 {
		font-size: 56px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 42px;
		width: 60%;
	}

	.button {
		font-size:14px;
		padding: 16px 28px;
	}
	
	section {
		padding: 120px 0;
	}
	
	section.about-section .heading-group {
		margin-bottom: 42px;
	}
	
	.left-part {
		width: 29.7727%;
		margin-left: -110px;
	}
	
	section.content-secton , section.aboutus-section {
		padding-bottom: 240px;
	}
	
	section.small-padding {
		padding: 80px 0;
	}
	
	.quality-image {
		width: 43.798%;
		margin-top: -190px;
	}
	
	.quality-content {
		width: 53.116%;
	}
	
	.quality-content .heading-group {
		margin-bottom: 18px;
	}
	
	.quality-bot {
		margin-top: 42px;
	}
	
	.left-block {
		width: 52%;
	}
	
	.right-block {
		width: 45%;
	}
	
	p {
		margin: 0 0 26px 0;
	}
	
	.quality-element img {
		width: 80%;
	}
	
	section.spectrum-section .heading-group {
		margin-bottom: 46px;
	}
	
	.spectrum-heading {
		margin: 26px 0 18px 0;
	}
	
	h4 {
		font-size: 22px;
	}
	
	.spectrum-icon {
		width: 70px;
		height: 70px;
	}
	
	.gif-part:before {
		margin-bottom: -26px;
		margin-left: -26px;
	}
	
	section.accordian-section .heading-group {
		margin-bottom: 42px;
	}
	
	section.accordian-section .main-heading {
		margin-bottom: 18px;
	}
	
	.accordian-heading {
		padding: 18px 0;
	}
	
	h5 {
		font-size: 20px;
	}
	
	.accordian-content {
		padding-bottom: 18px;
	}
	
	
	section.testimonial-section .heading-group.text-center {
		margin-bottom: 42px;
	}
	
	
	.test-bot {
		padding-bottom: 18px;
	}
	
	.testimonial-inner {
		padding: 18px;
	}
	
	.client-image {
		width: 70px;
		height: 70px;
	}
	
	.client-review {
		margin: 18px 0;
	}
	
	.client-name {
		margin-top: 18px;
	}
	
	.product-category {
		margin-bottom: 42px;
	}
	
	.product-category ul li:not(:last-child) {
		margin-right: 16px;
	}
	
	.vision-bot {margin-top:42px;}
	
	
	.vision-icon {
		width: 130px;
		height: 130px;
	}
	
	.vision-icon img {
		width: 65px;
	}
	
	
	.vision-heading {
		margin: 18px 0;
	}
	
	section.tabing-section .heading-group {
		margin-bottom: 42px;
	}
	
	.tabs {
		width: 30%;
	}
	
	.tab-content-wrap {
		padding: 120px 70px;
		width: 50%;
	}
	
	.tab-content-wrap p {
		font-size: 16px;
	}
	
	.tabs button:not(:last-child) {
		margin-bottom: 16px;
	}
}

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

	.site-header {
		padding: 18px 0;
	}
	
	.site-branding img {
		width:170px;
	}
	
	.menu li:not(:last-child) {
		margin-right: 36px;
	}
	
	.modal-top {
		margin-bottom: 25px;
	}
	
	.modal-middle a {
		font-size: 18px;
	}
	
	.modal-bot {
		padding-top: 25px;
	}
	
	.footer-logo img {
		max-width: 180px;
	}
	
	footer.site-footer {
		padding: 38px 0;
	}
	
	.footer-top {
		padding-bottom: 24px;
	}
	
	.footer-middle {
		padding: 38px 0 70px 0;
	}	
	
	section.section.p-0.cta-section {
		padding: 80px 0;
	}
	
	.heading-group {
		margin-bottom: 24px;
	}
	
	.cta-content .button {
		padding: 11px 28px;
	}
	
	h2 {
		font-size: 36px;
	}
	
	h3 {
		font-size: 28px;
	}
	
	h1 {
		font-size: 52px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 38px;
		width: 58%;
	}

	.button {
		padding: 14px 26px;
	}
	
	section {
		padding: 105px 0;
	}
	
	section.about-section .heading-group {
		margin-bottom: 38px;
	}
	
	.left-part {
		width: 28.7727%;
		margin-left: -90px;
	}
	
	section.content-secton ,section.aboutus-section{
		padding-bottom: 210px;
	}
	
	section.small-padding {
		padding: 75px 0;
	}
	
	.quality-image {
		width: 43.798%;
		margin-top: -160px;
	}
	
	.quality-content {
		width: 53.116%;
	}
	
	.quality-bot {
		margin-top: 38px;
	}
	
	.left-block {
		width: 50%;
	}
	
	.right-block {
		width: 47%;
	}
	
	p {
		margin: 0 0 24px 0;
	}
	
	.quality-element img {
		width: 70%;
	}
	
	section.spectrum-section .heading-group {
		margin-bottom: 42px;
	}
	
	.spectrum-heading {
		margin: 24px 0 18px 0;
	}
	
	h4 {
		font-size: 20px;
	}
	
	.gif-part:before {
		margin-bottom: -24px;
		margin-left: -24px;
	}
	
	section.accordian-section .heading-group {
		margin-bottom: 38px;
	}
	
	section.testimonial-section .heading-group.text-center {
		margin-bottom: 38px;
	}
	
	.product-category {
		margin-bottom: 38px;
	}
	
	section.aboutus-section .left-part {
		width: 50.7727%;
	}
	
	.vision-bot {margin-top:38px;}
	
	.vision-icon {
		width: 120px;
		height: 120px;
	}
	
	.vision-icon img {
		width: 60px;
	}
	
	section.tabing-section .heading-group {
		margin-bottom: 38px;
	}
	
	.tabs {
		width: 30%;
	}
	
	.tab-content-wrap {
		padding: 110px 60px;
		width: 50%;
	}
}

@media only screen and (max-width: 1366px) {
	
	.wrapper {
		width: 90.0625%;
	}
	
	.site-branding img {
		width:160px;
	}
	
	.menu li:not(:last-child) {
		margin-right: 32px;
	}
	
	.footer-logo img {
		max-width: 170px;
	}
	
	footer.site-footer {
		padding: 34px 0;
	}
	
	.footer-top {
		padding-bottom: 22px;
	}
	
	.footer-middle {
		padding: 34px 0 60px 0;
	}
	
	section.section.p-0.cta-section {
		padding: 70px 0;
	}
	
	.heading-group {
		margin-bottom: 22px;
	}
	
	.cta-content .button {
		padding: 10px 26px;
	}
	
	h2 {
		font-size: 32px;
	}
	
	h3 {
		font-size: 26px;
	}
	
	h1 {
		font-size: 48px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 34px;
		width: 60%;
	}

	.button {
		padding: 13px 22px;
	}
	
	section {
		padding: 90px 0;
	}
	
	section.about-section .heading-group {
		margin-bottom: 34px;
	}
	
	.left-part {
		width: 28.7727%;
		margin-left: -50px;
	}
	
	.right-part {
		width: 44.742424%;
	}
	
	section.content-secton ,section.aboutus-section{
		padding-bottom: 180px;
	}
	
	section.small-padding {
		padding: 70px 0;
	}
	
	.quality-image {
		width: 44.798%;
		margin-top: -150px;
	}
	
	.quality-content {
		width: 50.116%;
	}
	
	.quality-bot {
		margin-top: 34px;
	}
	
	.left-block {
		width: 47%;
	}
	
	.right-block {
		width: 50%;
	}
	
	p {
		margin: 0 0 22px 0;
	}

	.quality-element img {
		width: 65%;
	}
	
	section.spectrum-section .heading-group {
		margin-bottom: 38px;
	}
	
	.spectrum-heading {
		margin: 22px 0 18px 0;
	}
	
	.benifit-content {
		width: 50.638%;
	}
	
	.gif-part {
		width: 46.734%;
	}
	
	.gif-part:before {
		margin-bottom: -22px;
		margin-left: -22px;
	}
	
	section.accordian-section .heading-group {
		margin-bottom: 34px;
	}
	
	section.testimonial-section .heading-group.text-center {
		margin-bottom: 34px;
	}
	
	.product-category {
		margin-bottom: 34px;
	}
	
	section.aboutus-section .left-part {
		width: 49.7727%;
	}
	
	section.aboutus-section .right-part {
		width: 48.742424%;
	}
	
	.vision-bot {margin-top:34px;}
	
	.vision-icon {
		width: 110px;
		height: 110px;
	}
	
	.vision-icon img {
		width: 55px;
	}
	
	.vision-heading h4 {
		font-size: 18px;
	}
	
	section.tabing-section .heading-group {
		margin-bottom: 34px;
	}
	
	.tabs {
		width: 30%;
	}
	
	.tab-content-wrap {
		padding: 100px 50px;
		width: 50%;
	}
}

@media only screen and (max-width: 1200px) {
	
	.site-branding img {
		width:150px;
	}
	
	.menu li:not(:last-child) {
		margin-right: 30px;
	}
	
	.footer-logo img{
		max-width: 160px;
	}
	
	footer.site-footer {
		padding: 30px 0;
	}
	
	.footer-top {
		padding-bottom: 20px;
	}
	
	.footer-middle {
		padding: 30px 0 50px 0;
	}
	
	.footer-block:last-child {
		width: 30%;
	}
	
	section.section.p-0.cta-section {
		padding: 60px 0;
	}
	
	.heading-group {
		margin-bottom: 20px;
	}
	
	.cta-content .button {
		padding: 9px 24px;
	}
	
	h2 {
		font-size: 30px;
	}
	
	h3 {
		font-size: 24px;
	}
	
	h1 {
		font-size: 44px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 30px;
		width: 70%;
	}

	.button {
		padding: 12px 20px;
	}
	
	section {
		padding: 80px 0;
	}
	
	section.about-section .heading-group {
		margin-bottom: 30px;
	}
	
	.left-part {
		width: 40%;
		margin-left: 0;
		flex-wrap: wrap;
	}
	
	.left-part img:first-child {
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.left-part img {
		height: 300px;
		width: 100%;
		object-fit: cover;
		object-position: center;
		
	}
	
	.right-part {
		width: 56.742424%;
	}
	
	section.content-secton ,section.aboutus-section{
		padding-bottom: 150px;
	}
	
	section.small-padding {
		padding: 65px 0;
	}
	
	.quality-image {
		width: 44.798%;
		margin-top: -140px;
	}
	
	.quality-content {
		width: 53.116%;
	}
	
	.quality-bot {
		margin-top: 30px;
	}
	
	.left-block {
		width: 46%;
	}
	
	.right-block {
		width: 53%;
	}
	
	p {
		margin: 0 0 20px 0;
	}
	
	.quality-element img {
		width: 60%;
	}
	
	section.spectrum-section .heading-group {
		margin-bottom: 34px;
	}
	
	.spectrum-heading {
		margin: 20px 0 18px 0;
	}
	
	
	.gif-part {
		width: 45.734%;
	}
	
	.gif-part:before {
		margin-bottom: -20px;
		margin-left: -20px;
	}
	
	section.accordian-section .heading-group {
		margin-bottom: 30px;
	}
	
	section.testimonial-section .heading-group.text-center {
		margin-bottom: 30px;
	}
	
	.product-category {
		margin-bottom: 30px;
	}
	
	section.aboutus-section .left-part {
		width: 43.7727%;
	}
	
	section.aboutus-section .right-part {
		width: 55.742424%;
	}
	
	.vision-bot {margin-top:30px;}
	
	.vision-icon {
		width: 100px;
		height: 100px;
	}
	
	.vision-icon img {
		width: 50px;
	}
	
	section.tabing-section .heading-group {
		margin-bottom: 30px;
	}
	
	ul.content-row li {
		width: 50%;
	}
	
}

@media only screen and (max-width: 1023px) {
	
	.site-branding img {
		width:145px;
	}
	
	.menu li:not(:last-child) {
		margin-right: 28px;
	}
	
	.footer-logo img{
		max-width: 150px;
	}
	
	.footer-left .site-branding img {
		max-width: 150px;
	}
		
	.footer-middle {
		padding: 30px 0 40px 0;
	}
	
	section.section.p-0.cta-section {
		padding: 55px 0;
	}
	
	.cta-content .button {
		padding: 8px 22px;
	}
	
	h2 {
		font-size: 28px;
	}
	
	h3 {
		font-size: 22px;
	}
	
	h1 {
		font-size: 40px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 26px;
		width: 70%;
	}
	
	section {
		padding: 70px 0;
	}

	section.about-section .heading-group {
		margin-bottom: 26px;
	}
	
	section.content-secton , section.aboutus-section{
		padding-bottom: 120px;
	}
	
	section.small-padding {
		padding: 60px 0;
	}
	
	.quality-image {
		margin-top: -130px;
	}
	
	.quality-element img {
		width: 50%;
	}
	
	section.spectrum-section .heading-group {
		margin-bottom: 30px;
	}
	
	.spectrum-heading {
		margin: 18px 0;
	}
	
	.gif-part:before {
		margin-bottom: -18px;
		margin-left: -18px;
	}
	
	.image-block {
		width: 51.912%;
	}
	
	.accordian-row {
		width: 44.855%;
	}
	
	.vision-icon img {
		width: 45px;
	}
}

@media only screen and (max-width: 992px) {
	
	.wrapper {
		width: 95.0625%;
	}
	
	.site-branding img {
		width:140px;
	}
	
	.menu li:not(:last-child) {
		margin-right: 22px;
	}
	
	.footer-logo img{
		max-width: 140px;
	}
	
	.footer-middle {
		padding: 30px 0;
	}
	
	.footer-block {
		width:50%;
	}
	
	.footer-block:last-child {
		width: 50%;
		margin-top: 30px;
	}
	
	section.section.p-0.cta-section {
		padding: 50px 0;
	}
	
	.cta-content .button {
		padding: 8px 20px;
	}

	h1 {
		font-size: 36px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 22px;
		width: 86%;
	}
	
	section {
		padding: 60px 0;
	}
	
	section.about-section .heading-group {
		margin-bottom: 22px;
	}
	
	.left-part {
		width: 100%;
		margin-left: 0;
		flex-wrap: unset;
		justify-content:space-between;
	}
	
	.left-part img{
		width:49%;
		height:auto;
	}
	
	.left-part img:first-child {
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	.right-part {
		width: 100%;
		margin-top:30px;
	}
	
	section.content-secton ,section.aboutus-section {
		padding-bottom: 70px;
	}
	
	.quality-image img {
		width: 100%;
	}
	
	.quality-top {
		flex-direction: column-reverse;
	}
	
	section.small-padding {
		padding: 55px 0;
	}
	
	.quality-image {
		width: 100%;
		margin-top: 30px;
	}
	
	.quality-content {
		width: 100%;
	}
	
	
	.left-block {
		width: 100%;
	}
	
	.right-block {
		width: 100%;
		margin-top:30px;
	}

	.image-block {
		width: 44.912%;
	}
	
	.accordian-row {
		width: 51.855%;
	}
	
	section.aboutus-section .left-part {
		width: 100%;
	}
	
	section.aboutus-section .right-part {
		width: 100%;
		margin-top:30px;
	}
	
	
	.vision-icon img {
		width: 40px;
	}
	
	.tab-content-wrap {
		width: 68%;
	}
	
	.contact-form {
		width: 52%;
	}
}

@media only screen and (max-width:767px) {
	
	.wrapper {
		width: calc(100% - 40px);
	}
	
	.menu li:not(:last-child) {
		margin-right: 0px;
	}
	
	.modal {
		display:none;
	}
	
	.toggle {
		display: flex;
		flex-direction: column;
	}
	
	.header-modal a {
		display:none;
	}
	
	.main-navigation {
		top: 0;
		max-width: 100%;
		right: -100%;
		width: 100%;
		background-color: #ffffff;
		height: 100%;
		position: fixed;
		z-index: 9999;
		overflow-y: auto;
		transform: translate3d(0, 0, 205px);
		transition: all 500ms ease-in-out;
		flex-direction: column;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	
	.main-navigation .menu li a {
		font-size:30px;
	}
	
	.menu {
		flex-direction: column;
		align-items:center;
		justify-content:center;
	}

	.main-navigation.active {
		right: 0;
		transform: translate3d(0, 0, 0);
		transition: 500ms all ease-in-out;
	}
	
	.menu li {
		padding: 10px !important;
	}
	
	.bar:first-child {
		width: 24px;
	}
	
	.bar:last-child {
		width: 17px;
	}
	
	span.bar.animate.bar:nth-child(1) {
		transform: rotate(-45deg) translate(-5px, 6px); width: 34px;
	}
	
	span.bar.animate.bar:nth-child(2) {
		opacity: 0;
	}
	
	span.bar.animate.bar:nth-child(3) {
		transform: rotate(45deg) translate(-7px, -8px); width: 34px;
	}
	
	.header-modal {
		display: none;
	}	
	
	.footer-menu .menu {
		flex-direction: row;
		align-items: unset;
		justify-content: unset;
		margin-top: 30px;
	}

	.footer-top {
		justify-content: center;
		flex-direction:column;
	}
	
	.serch-wrap {
		width: 70%;
		margin: 0 auto;
	}
	
	.footer-block {
		width: 100%;
	}
	
	.footer-block:last-child {
		width: 100%;
	}
	
	.footer-middle {
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.footer-block:nth-child(2) {
		margin-top: 30px;
	}
	
	.footer-bot {
		flex-direction: column-reverse;
	}
	
	.copyright-text {
		margin-top: 30px;
	}
	
	h1 {
		font-size: 32px;
	}
	
	.banner-content .intro-description {
		margin-bottom: 20px;
		width: 100%;
	}
	
	.banner-img img {
		height: auto;
		min-height: 500px;
		object-fit: cover;
		object-position: center;
	}
	
	section {
		padding: 50px 0;
	}
	
	section.about-section .heading-group {
		margin-bottom: 20px;
	}
	
	section.about-section .right-part ul, section.aboutus-section .right-part ul  {
		padding-left: 20px;
	}
	
	.copyright-text p {
		text-align: center;
	}
	
	.content-descreption {
		max-height: 500px;
		opacity: 1;
	}
	
	section.small-padding {
		padding: 50px 0;
	}
	
	section.content-secton ,section.aboutus-section{
		padding-bottom: 50px;
	}
	
	ul.spectrum-row li {
		width: 100%;
	}
	
	.benifit-content {
		width: 100%;
/* 		margin-top:50px; */
	}
	
	.gif-part {
		width: 100%;
		margin-top:30px;
		margin-bottom:10px;
	}
	
/* 	.benifit-row {
		flex-direction: column-reverse;
	} */
	
	.gif-part:before {
		margin-bottom: -10px;
		margin-left: -10px;
	}
	
	.benifit-content .heading-group {
		text-align: center;
	}
	
	.image-block {
		width: 100%;
	}
	
	.accordian-row {
		width: 100%;
		margin-top:30px;
	}
	
	section.faq-section .accordian-row {
		margin:0;
	}
	
	.product-row {
		columns: 2;
	}
	
	.tabs {
		width: 100%;
		margin-bottom: 20px;
		flex-direction: unset;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	.tabs button:not(:last-child) {
		margin-bottom: 0;
	}

	button.button.tablinks {
		width: 30%;
		height: fit-content;
		margin: 5px;
	}
	
	.tab-content-wrap {
		width: 100%;
	}
	
	.contact-form {
		width: 100%;
		margin-top:30px;
	}
	
	.contact-left {
		width:100%;
		padding:0;
	}
	
}

@media only screen and (max-width: 640px) {
	
	.footer-menu .menu {
		align-items: center;
		justify-content: center;
	}
	
	ul.content-row li {
		width: 100%;
	}
	
/* 	.product-row {
		columns: 1;
	} */
	
	
	ul.vision-row li {
		width: 100%;
	}
	
	button.button.tablinks {
		width: 47%;
	}
}

@media only screen and (max-width: 480px) {
	
	.serch-wrap {
		width: 100%;
	}
	
	.banner-content .main-heading-text br {
		display:block;
	}
}