@media (min-width: 360px) and (max-width: 510px) {

	html,
	body {
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden;
	}

	.header-v1,
	#sticked-menu {
		padding: 13px 30px;
	}

	.header-v1 .logo {
		margin-left: 0px;
	}

	.header-v1 .logo img {
		width: 105px;
	}

	.header-v1 .logo .mm-toggle {
		line-height: 50px;
		font-size: 22px;
	}

	.icon-bar {
		top: 35%;
		right: 1%;
	}

	.icon-bar .facebook,
	.icon-bar .twitter,
	.icon-bar .youtube {
		display: none;
	}

	.icon-bar .whatsapp {
		padding: 13px 15px;
		border-radius: 50%;
	}

	.fullwidthbanner-container {
		height: 290px !important;
	}

	.container {
		padding-left: 25px;
		padding-right: 25px;
	}

	.slider .h2-text {
		font-size: 16px !important;
	}

	.slider-home-1 .h2-text {
		left: 107px !important;
		top: 80px !important;
	}

	.slider-home-1 .h1-text {
		left: 107px !important;
		top: 112px !important;
		font-size: 20px !important;
	}

	.slider-home-1 .h3-text {
		left: 107px !important;
		top: 135px !important;
	}

	h2 {
		font-size: 18px;
	}

	#diamond:after {
		top: 22px;
	}

	#diamond {
		top: -15px;
	}

	#pic1 img,
	.right img {
		float: none !important;
		transform: scale(1);
		width: 330px !important;
		height: auto;
		margin: 0 auto !important;
		display: block;
		margin-bottom: 20px;
	}

	.sertiles h4 {
		margin-top: 20px;
		text-align: center;
	}

	.abtb {
		margin-top: 20px !important;
		height: 30px;
		line-height: 30px;
	}

	.ser {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	h4,
	.abt h3,
	.sertiles h4 {
		font-size: 15px;
	}

	.media-left-icon-item .media .media-left i {
		font-size: 20px;
	}

	.media-left-icon-item .media .media-left {
		min-width: 30px;
	}

	.ser h2 {
		margin-bottom: 25px;
	}

	.btn-more {
		margin-top: 0px;
	}

	#owl-partners .owl-item {
		margin-right: auto;
	}

	.owl-partners .owl-wrapper-outer {
		margin-bottom: 10px;
	}

	.images-container {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		max-width: 100%;
		margin: 0 auto;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 20px;
	}

	.foot .links-widget.links-widget-pac {
		padding: 0;
	}

	.foot .links-widget ul {
		margin: 0 auto;
		padding: 0 15px;
	}

	.foot .links-widget ul li a {
		font-size: 13px;
	}

	.pull-left,
	.pull-right {
		float: none !important;
	}

	.cn {
		margin-top: 0px;
	}

	.s1 {
		margin-top: 0px;
		padding-top: 0px;
	}

	.sertiles {
		padding-bottom: 0px;
		margin-bottom: 10px;
	}

	.p1 {
		margin-top: 0px;
	}

	.prodtiles {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.enq h2 {
		margin-bottom: 0px;
	}

	.cn h2 {
		font-size: 15px;
	}

	.cn h4 {
		font-size: 13px;
	}

	.prodtiles h4 {
		margin-top: 15px;
		text-align: center;
	}

	.prodtiles {
		margin-bottom: 60px;
	}

	.pdtb {
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		margin-top: 12px !important;
		margin-bottom: 30px;
	}

	.prodtiles h4 {
		font-size: 15px;
	}

	.abimg {
		width: fit-content;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.partners-container {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		max-width: 100%;
	}

	.partners-container {
		width: fit-content;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
}


@media (min-width: 640px) and (max-width: 736px) and (orientation: landscape) {

	html,
	body {
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden;
	}

	.header-v1,
	#sticked-menu {
		padding: 13px 30px;
	}

	.header-v1 .logo {
		margin-left: 0px;
	}

	.header-v1 .logo img {
		width: 105px;
	}

	.header-v1 .logo .mm-toggle {
		line-height: 50px;
		font-size: 22px;
	}

	.icon-bar {
		top: 45%;
		right: 1%;
	}

	.icon-bar .facebook,
	.icon-bar .twitter,
	.icon-bar .youtube {
		display: none;
	}

	.icon-bar .whatsapp {
		padding: 13px 15px;
		border-radius: 50%;
	}

	.fullwidthbanner-container {
		height: 290px !important;
	}

	.container {
		padding-left: 25px;
		padding-right: 25px;
	}

	.slider .h2-text {
		font-size: 16px !important;
	}

	.slider-home-1 .h2-text {
		left: 107px !important;
		top: 80px !important;
	}

	.slider-home-1 .h1-text {
		left: 107px !important;
		top: 112px !important;
		font-size: 20px !important;
	}

	.slider-home-1 .h3-text {
		left: 107px !important;
		top: 135px !important;
	}

	h2 {
		font-size: 18px;
	}

	#diamond:after {
		top: 22px;
	}

	#diamond {
		top: -15px;
	}

	#pic1 img,
	.right img {
		float: none !important;
		transform: scale(1);
		width: 330px !important;
		height: auto;
		margin: 0 auto !important;
		display: block;
		margin-bottom: 20px;
	}

	.sertiles h4 {
		margin-top: 20px;
		text-align: center;
	}

	.abtb {
		margin-top: 20px !important;
		height: 30px;
		line-height: 30px;
	}

	.ser {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	h4,
	.abt h3,
	.sertiles h4 {
		font-size: 15px;
	}

	.media-left-icon-item .media .media-left i {
		font-size: 20px;
	}

	.media-left-icon-item .media .media-left {
		min-width: 30px;
	}

	.ser h2 {
		margin-bottom: 25px;
	}

	.btn-more {
		margin-top: 0px;
	}

	#owl-partners .owl-item {
		margin-right: auto;
	}

	.owl-partners .owl-wrapper-outer {
		margin-bottom: 10px;
	}

	.images-container {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		max-width: 100%;
		margin: 0 auto;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 20px;
	}

	.foot .links-widget.links-widget-pac {
		padding: 0;
	}

	.foot .links-widget ul {
		margin: 0 auto;
		padding: 0 15px;
	}

	.foot .links-widget ul li a {
		font-size: 13px;
	}

	.pull-left,
	.pull-right {
		float: none !important;
	}

	.s1 {
		margin-top: 0px;
		padding-top: 0px;
	}

	.sertiles {
		padding-bottom: 0px;
		margin-bottom: 10px;
	}

	.p1 {
		margin-top: 0px;
	}

	.prodtiles {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.enq h2 {
		margin-bottom: 0px;
	}

	.cn {
		margin-top: 0px;
	}

	.cn h2 {
		font-size: 15px;
	}

	.cn h4 {
		font-size: 13px;
	}

	.prodtiles h4 {
		margin-top: 15px;
		text-align: center;
	}

	.prodtiles {
		margin-bottom: 60px;
	}

	.pdtb {
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		margin-top: 12px !important;
		margin-bottom: 30px;
	}

	.prodtiles h4 {
		font-size: 15px;
	}

	.abimg {
		width: fit-content;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.partners-container {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		max-width: 100%;
	}

	.partners-container {
		width: fit-content;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media (min-width: 768px) and (max-width: 1024px) {

	html,
	body {
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden;
	}

	.header-v1 .logo {
		margin-left: 0px;
	}

	.header-v1.stuck .logo {
		width: fit-content;
	}

	.header-v1 .logo img {
		width: 150px;
		top: 0px !important;
	}

	.fullwidthbanner-container {
		height: 600px !important;
	}

	.sw article {
		min-height: 200px;
	}

	.btn-more {
		margin-top: 0px;
	}

	h2 {
		font-size: 25px;
	}

	.images-container {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		max-width: 100%;
		margin: 0 auto;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 20px;
	}

	.pull-left {
		margin-left: 15px;
	}

	.pull-right {
		margin-right: 15px;
	}

	.header-v1 {
		padding: 20px 50px;
		padding-bottom: 10px !important;
	}

	.header-v1 .navi-right {
		margin-right: 20px !important;

	}

	.pdtb {
		margin-top: 15px !important;
	}

	.slider .h3-text {
		margin-top: 60px !important;
	}
}

@media (min-width: 1400px) and (max-width: 1920px) {
	.container {
		width: 1366px;
	}

	.header-v1 {
		padding: 20px 270px;
	}

	.images-container,
	.partners-container {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		max-width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;
	}


	.sw article {
		min-height: 130px;
	}

	.abtb {
		margin-top: 15px !important;
	}

	.owl-partners .owl-wrapper-outer {
		margin-bottom: 30px;
	}

	.prodtiles {
		margin-bottom: 60px;
	}

	.pdtb {
		margin-top: 15px !important;
	}

	.top-right .navi-right {
		margin-right: 15px !important;
	}

	.sticky-wrapper .navi-right {
		display: none;
	}

	.sticky-wrapper .logo {
		padding-top: 0px;
	}

	.header-v1 .logo {
		margin-left: 0;
	}

	.header-v1 .navi-desktop-site .navi-level-1 li a {
		padding: 5px 20px 5px 20px;
	}

	.header .navi-desktop-site ul {
		margin-right: 0;
	}

	.navi-desktop-site {
		margin-top: 30px !important;
	}

	.subban {
		height: 800px !important;
	}

	.tp-caption {
		margin-left: -145px !important;
	}

	.thm-container {
		max-width: 1366px;
	}

	.slider .h1-text {
		margin-top: 50px !important;
	}

	.slider .h3-text {
		margin-top: 30px !important;
	}

}