:root {
	--primarycolor:#7DBE7D;
	--secondarycolor:#0D190D;
	--black:#000;
	--white:#fff;
}
@media only screen and (max-width: 1600px) {
	h1, h2 { font-size: 4.25vw; }
	h3 { font-size: 4.458333333333335vw; }
	.mainmenutop > figure { max-width: 200px; }
	.mainmenutop > figure img { max-width:100%; width:100%; height: auto; }
	.mainmenucontentleft { max-width: 30%; flex: 0 0 30%; }
}
@media only screen and (max-width: 1440px) {
	.fsocial { transform: scale(0.8); margin-right: -30px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
	#menilinks li a { font-size: 3.5208333333333335vw; }
	.sectitle h3 { max-width: 30%; flex: 0 0 30%; }
	.secpadding { padding: 90px 0; }
	.makepaymentseccontent { padding-left: 40px; padding-right: 40px; }
	.footertop span, .footertop a { font-size: 2.375vw; }
	.commonbutton, .commonbuttonsecondary { padding: 14px 16px; }
	.heroimgsection { margin-bottom: 60px; }
}
@media only screen and (max-width: 1366px) {
	#mainbannersection { padding-top: 100px; }
	.heroimgsection { margin-top: -200px; }
	.secpadding { padding: 60px 0; }
	.makepaymentseccontent { padding-left: 30px; padding-right: 30px; }
	#makepaymentsection { margin-bottom: -160px; }
	#footer { padding: 210px 0 40px; }
	.footerbottom { margin-top: 30px; padding-top: 30px; }
	.commonbutton span, .commonbuttonsecondary span { font-size: 16px; }
	.commonbutton img, .commonbuttonsecondary img { width: 25px; }
	.herobannerright .commonbutton img { width: 20px; }
	.commonbutton:before { width: 22px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
	#logo img, .mainmenutop > figure { width: 180px; }
	#header.headerfixed #logo { width: 52px; }
	.menutrigger { transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); }
	.mainmenucontentleft { max-width: 25%; flex: 0 0 25%; }
	#menilinks li a { font-size: 2.7208333333333335vw; }
	.sectitle h3:after { width: 230px; height: 194.18px; }
	body { font-size: 16px; }
}
@media only screen and (max-width: 1300px) {
	.bgtextbig { font-size: 30vw; }
	.mesonarybox { padding: 20px 30px; }
}
/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1025px) {
	#mainmenu > ul { display:block !important; }
	/* .cursor { pointer-events: none; width: 2.6rem; height: 2.6rem; background: var(--black); border-radius: 50%; position: fixed; top: 0; left: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); opacity: 0.2; -webkit-mix-blend-mode: luminosity; mix-blend-mode: luminosity; z-index: 10; transition:0.1s all ease; -webkit-transition:0.1s all ease; -moz-transition:0.1s all ease; -ms-transition:0.1s all ease; -o-transition:0.1s all ease; }
	.cursor.cursor-change { width: 5.6rem; height: 5.6rem; }
	* { cursor: none; } */

	.menutrigger:hover .menucircle:before, .menutrigger:hover .menucircle:after { transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); -ms-transform:translateY(-50%) scale(0); -o-transform:translateY(-50%) scale(0); }
	.menutrigger:hover .menucircle em:before, .menutrigger:hover .menucircle em:after { transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1); -o-transform:translateY(-50%) scale(1); }

	.commonbutton:before { width: 34px; }
	.commonbutton:hover:before { width: 100%; }

	#mainbannersection .commonbutton:hover img { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

	.aboutcontent .commonbutton:hover img, .commonbuttonsecondary:hover img { transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); }

	.commonbuttonsecondary:hover { background: var(--secondarycolor); }
	.commonbuttonsecondary.commonbuttonsecondaryoutline:hover { background: #efefef; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1024px) {
	#aboutsection .cols.cols2 { align-items: center; }
	.custom-arrow-list li { margin-bottom: 15px; }
	.commonbutton::before { width: 100%; }
	.mainmenucontentleft { flex:0 0 45%; max-width: 45%; }
	#menilinks li a { font-size: 4.7208333333333335vw; }
	#footer { padding: 184px 0 20px; }
	.flogo { width: 180px; }
	.mainmenutop { padding: 20px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	.wrap { width:auto; padding:0 20px; }
	.cols.cols2 .col { margin-bottom: 25px; flex: 0 0 100%; max-width: 100%; }
	.cols.cols2 .col:last-child { margin-bottom: 0; }
	.herobannercontentwrapper { flex-direction: column; }
	.herobannerleft, .herobannerright { flex:0 0 100%; max-width: 100%; padding: 0; }
	.herobannerright { margin-top: 20px; }
	.herobannerright p { margin-bottom: 20px; }
	h1, h2, #menilinks li a { font-size: 6.25vw; }
	h3 { font-size: 5.458333333333335vw; }
	h4 { font-size: 4.6041666666666665vw; }
	#mainbannersection { height: 720px; min-height: 720px; }
	.sectitle { flex-direction: column; }
	.sectitle h3, .sectitle p, #aboutsection .cols.cols2 .col:first-child, #aboutsection .cols.cols2 .col:last-child, #makepaymentsection .sectitlenuttonpgh { flex:0 0 100%; max-width: 100%; }
	.sectitle { margin-bottom: 25px; }
	.sectitle p { text-align: center; }
	.sectitle h3:after { width: 131px; height: 114.18px; left: 0; right: 0; margin: 0 auto; }
	.aboutcontent { margin-bottom: 25px !important; }
	.mesonaryboxeswrapper .col:nth-child(2n) { margin-top: 0; }
	.buttongroupwrap .commonbuttonsecondary + .commonbuttonsecondary { margin-left: 10px; }
	.makepaymentseccontent .buttongroupwrap { text-align: center; }	
	.aboutimgcollarge .circular::before { width: 35.020833333333334vw; height: 40%; }
	.aboutimgcollarge .rectangle:before { width: 35.020833333333334vw; height: 80%; }
	.footertop span, .footertop a { font-size: 3.875vw; }
	.fsocial { transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); margin-right: -50px; }
	.fsocial li { margin-left: 16px; }
	.mesonarybox { text-align: center; padding: 20px 20px 30px; }
	.herobannerimg, .aboutimgcollarge .rectangle:before { border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	body { font-size: 15px; }
	.secpadding { padding: 50px 0; }
	h1, h2, #menilinks li a { font-size: 7vw; }
	h3 { font-size: 6.758333333333335vw; }
	h4 { font-size: 5.8041666666666665vw; }
	.sectitle h3:after { width: 101px; height: 84.18px; }
	.aboutimgcollarge .rectangle { margin: 25px 0 0 -60px; }
	.footerbottom, .footertop { flex-direction: column; }
	.fsocial { margin-right: 0; }
	.mainmenucontentleft { display: none; }
	#menilinks li { text-align: left; margin-bottom: 40px; }
	.mainmenucontentwrapper { margin-top: 0; }
	.makepaymentseccontent { padding-left: 20px; padding-right: 20px; }
	.flogo { margin-bottom: 20px; }
	.footerbottom { margin-top: 20px; padding-top: 20px; }
	.herobannerimg, .aboutimgcollarge .rectangle:before { border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }
	.heroimgsection { margin-bottom: 40px; }
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	.secpadding { padding: 40px 0; }
	.aboutimgcollarge .rectangle { margin: 15px 0 0 -40px; }
	h1, h2, #menilinks li a { font-size: 7.5vw; }
	h3 { font-size: 7vw; }
	h4 { font-size: 5.8vw; }
	.herobannerright { margin-top: 5px; }
	.makepaymentseccontent { padding-left: 20px; padding-right: 20px; }
	.footertop span, .footertop a { font-size: 4.575vw; }
	.bgtextbig { top: 51%; }
	.herobannerimg, .aboutimgcollarge .rectangle:before { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
	.heroimgsection { margin-bottom: 30px; }
	.sectitle, .aboutcontent p { margin-bottom: 20px; }
	#mainbannersection { padding-top: 88px; }
	.custom-arrow-list { margin-bottom: 25px; }
	.copyright { text-align: center; }
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
	.secpadding { padding: 34px 0; }
	.makepaymentseccontent { padding-left: 20px; padding-right: 20px; }
	.footertop span, .footertop a { font-size: 5.575vw; }
	#logo img, .mainmenutop > figure { width: 142px; }
	#header.headerfixed #logo { width: 46px; }
	.menutrigger { padding-right: 50px; }
	.buttongroupwrap a { display: block; width: 100%; }
	.buttongroupwrap a .dflex { justify-content: space-between; }
	.buttongroupwrap .commonbuttonsecondary + .commonbuttonsecondary { margin-left: 0; margin-top: 15px; }
	.bgtextbig { top: 58%; }
	.heroimgsection { margin-bottom: 20px; }
	h1, h2, #menilinks li a { font-size: 8.5vw; }
	h3 { font-size: 7.8vw; }
	h4 { font-size: 6.8vw; }
}