/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* General */


.nf-field-element input {
	height: 52px !important;
}

.antispam .nf-field-label {
	display: block !important;
}

#ninja_forms_required_items, .nf-field-container {
	margin-bottom: 10px !important;
}

.az-post-grid-filtering button{
	border: none !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	transition: 0.3s;
	background-color: #2eb5dd !important;
	padding: 12px 24px !important;
}

.az-post-grid-filtering button:hover, .az-filter-btn.active, input[type="submit"] {
	transition: 0.3s;
	color: #fff !important;
	border: none;
	padding: 12px 24px !important;
}

.az-post-grid-filtering button:hover{
	transition: 0.3s;
	background-color: #0067a9 !important;
}

button:active, input[type="button"]:active, input[type="submit"]:active, button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="submit"] {
	color: #fff;
}

input, textarea {
	border-radius: 10px !important;
}


/*For Iphone*/
a[href^=tel], a:hover { color: inherit; text-decoration: none !important; }

html[class *= "pp-modal-active-"] body{
	overflow: hidden;
}

.fl-page {
	overflow: hidden !important;
}

a:hover{transition:0.3s;text-decoration:none;cursor: pointer;}

.justify p, .justify{text-align:justify;}

ul {
	padding-left: 0px;
}

.zindex-0{
	position:relative;
	z-index: 0;
}

.zindex-1{
	position: relative;
	z-index: 1;
}

.zindex-2{
	position: relative;
	z-index: 2;
}

.zindex-3{
	position: relative;
	z-index: 3;
}

.zindex-4{
	position: relative;
	z-index: 4;
}

.zindex-5{
	position: relative;
	z-index: 5;
}

.zindex-6{
	position: relative;
	z-index: 6;
}

.zindex-7{
	position: relative;
	z-index: 7;
}


.nolink a, .nolink{
	pointer-events:none !important;
}

.fl-builder-edit .nolink a, 
.fl-builder-edit .nolink{
	pointer-events:all !important;
}

.nf-form-title, .nf-field-label {
	display: none !important;
}


.zoom-in {
	overflow: hidden;
}

.zoom-in .fl-col-content{
	transform: scale(1);
	transition: 0.7s ;
	filter: grayscale(100%);
}

.zoom-in:hover > .fl-col-content{
	transform: scale(1.1);
	transition: 0.7s;
	filter: grayscale(0);
}

.map{-webkit-filter: grayscale(100%);
filter: grayscale(100%);}


.nf-form-fields-required {
	display: none !important;
}


#fl-to-top {
	background-color: #fff;
	background-color: #159cd8;
	right: 30px;
}

#fl-to-top:hover {
	background-color: #8a92c3;
}

.fl-builder-edit .overflow-x, .fl-builder-edit .overflow-y{
	overflow: visible;
}

.overflow-x {
	overflow-x: hidden;
}

.overflow-y {
	overflow-y: hidden;
}

.full-height {
	height: 100vh;
}

.full-width {
    width: 100% !important;
}

.fl-logo-img {
    width: 150px;
}


.fl-page-nav-right .fl-page-nav-collapse {
	align-items: center;
	justify-content: center;
}

ul.menu-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	align-items: center;
	padding: 0;
	margin: 0;
}

ul.menu-right li {
	width: auto;
	margin: 10px;
	text-align: center;
	list-style: none;
}

.minimal-search-icon:hover, .minimal-search-icon:focus:not(:focus-visible) {
	background-color: transparent;
	color: #fff;
	border: none;
	text-decoration: none;
}

.minimal-search-icon button{
	border-radius:0 !important;
}

.sub-menu a {
	font-size: 16px !important;
}

.az-inner-banner-title {
	color: #fff;
}


.az-grid-item h4, .az-grid-item p {
	text-align: center;
}

.fl-full-width .container {
	max-width: 100% !important;
}

.disable-link a, .trp-language-item {
	pointer-events: none;
}

/* End General */


/* Header */

.full-width {
	padding: 15px 50px !important;
	transition:0.3s;
}

.fl-page-header-fixed .full-width {
	padding: 5px 50px !important;
	transition:0.3s;
}


.fl-page-nav-right .fl-page-nav ul.navbar-nav:last-child {
	margin-right: 0;
	margin-left: auto;
}



/*Menu Animation Move Up*/


@keyframes oxy-menu-moveup {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
ul.sub-menu {
	animation-name:oxy-menu-moveup;
	animation-duration:0.5s;
}

/*End Menu Animation Move Up*/


/*Menu*/

/* Base menu styles */
.custom-menu-mobile {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    align-items: center;
}

/* Top-level items */
.custom-menu-mobile > li {
    position: relative;
}

.custom-menu-mobile a {
    display: inline-block;
    color: #333;
    text-decoration: none;
    font-size: 18px;
    padding: 8px;
    transition: color 0.3s ease;
}

/* Hover effect */
.custom-menu-mobile a:hover {
    color: #0073aa;
}

/* Submenu styles */
.custom-menu-mobile .sub-menu {
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 10px 0;
    margin: 0;
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 999;
}

/* Submenu visible (JS will toggle this class) */
.custom-menu-mobile li.menu-item-has-children.open > .sub-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Submenu items */
.custom-menu-mobile .sub-menu li a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.custom-menu-mobile .sub-menu li a:hover {
    background-color: #f1f1f1;
}

/* Arrow indicator */
.custom-menu-mobile li.menu-item-has-children > a::after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	text-decoration: inherit;
	margin-left: 6px;
	font-size: 12px;
	display: inline-block;
	transition: transform 0.3s ease;
}

/* Rotate arrow when open */
.custom-menu-mobile li.menu-item-has-children.open > a::after {
    transform: rotate(180deg);
}





/*Post Listing*/

.fl-widget {
	margin-bottom: 20px !important;
}

.row.fl-post-image-beside-wrap {
	display: flex;
}

.fl-post-thumb img {
	height: auto !important;
	max-width: 100%;
	width: 600px;
	margin-top: -120px;
}

.fl-post-author, .fl-sep {
	display: none;
}

.widgettitle {
	display: none !important;
}

.row.fl-post-image-beside-wrap {
	display: flex;
	margin-left: 0;
}

.fl-post-thumb {
	margin-bottom: 25px;
	height: 300px;
	overflow: hidden;
	width: 100%;
}

a.tag-cloud-link {
	font-size: 14px !important;
}

.wp-block-categories-list, .wp-block-archives-list, .wp-block-tag-cloud {
	margin-top: -10px !important;
}

/*End Post Listing*/

.wave-effect{
	position: relative;
}
.wave-effect::before {
	content: "";
	position: absolute;
	width: 300%;
	height: 370px;
	background-color: #f5f5f5;
	left: 0;
	top: -10%;
	transform: translateX(-50%) skew(0deg, -8deg);
	border-radius: 50%;
	z-index: 0;
	animation: waving 6s ease-in-out infinite alternate;
}

@keyframes waving {
    from {
        transform: translateX(-50%) skew(0deg, -8deg);
    }

    to {
        transform: translateX(-45%) skew(10deg, 0deg);
    }
}

/*Start Home*//*End Home*/


.az-inner-banner-overlay {
	background: #02002400 !important;
	background: #2EB5DD;
	background: linear-gradient(-90deg, rgba(46, 181, 221, 0.22) 0%, rgb(0, 103, 169) 100%);
}

.az-inner-banner-description {
	margin: 0 0 10px;
	width: 50%;
}

	.az-inner-banner {
	height: 400px !important;
	}


/*Start Footer*/

.fl-page-footer {
	font-size: 12px !important;
	border: none !important;
	background-color: #003756 !important;
	color: #fff !important;
	position: relative;
}

.near-bottom .fl-page-footer {
	border-radius: 50% 50% 0 0;
	transition: 0.3s;
}


.fl-page-footer-text {
	color: #fff !important;
}

.footer-top {
	background-image: url("/wp-content/uploads/2025/05/ToYm-Footer.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	min-height: 200px;
	z-index: 0;
	position: relative;
	margin-bottom: -85px;
	padding-top: 30px;
	color: #fff;
	padding-bottom: 100px;
}

.near-bottom .fl-page-footer-container {
	padding: 10px 0 0;
	transition: 0.3s;
}

.near-bottom .fl-page-footer-text {
	padding-bottom: 10px;
	text-align: center;
	transition: 0.3s;
}

.footer-top img {
	width: 100px !important;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0037568a;
	top: 0;
	z-index: 0;
}


footer .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000c4 !important;
	top: 0;
	z-index: 0;
}

.content-footer{
	position: relative;
	z-index: 2;
}


.footer-top h6 {
	color: #fff;
	padding: 20px 0px 0px 0px !important;
	font-size: 18px;
}

footer .fl-button {
	padding: 6px 14px;
	margin-top: 0;
	font-size: 13px !important;
}

footer .navbar-collapse {
	justify-content: center !important;
	align-items: center !important;
}

footer .fl-page-nav .navbar-nav > li > a.nav-link {
	padding: 10px;
	color: #fff;
	font-size: 14px;
	margin-top: 0 !important;
}

footer .current_page_item a.nav-link, footer .fl-page-nav .navbar-nav > li > a.nav-link:hover{
	color: #2eb5dd !important;
	transition: 0.3s;
}

footer  .fl-page-footer a{
	color: #2eb5dd;
	transition: 0.3s;
}

footer  .fl-page-footer a:hover{
	color: #0067a9;
	transition: 0.3s;
}

footer .flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.social-media {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	margin: 0;
}

ul.social-media li {
	margin: 10px;
	list-style: none;
	font-size: 20px !important;
	transition: 0.3s;
}

ul.social-media li a {
	color: #fff;
}

ul.social-media li:hover, ul.social-media li a:hover {
	transition: 0.3s;
	color: #2eb5dd !important;
}


footer button {
	background-color: transparent !important;
	color: #fff !important;
}

.fl-page-nav .navbar-toggle:focus {
	outline: transparent !important;
	box-shadow: none !important;
}

ul.social-media li .svg {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-color: #fff;
	-webkit-mask-size: contain;
	mask-size: auto;
	transition: background-color 0.3s;
}

ul.social-media li .svg:hover {
	background-color: #2eb5dd; /* hover color */
}


.svg-x {
	-webkit-mask: url('/wp-content/uploads/2025/09/x1.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/x1.svg') no-repeat center;
}

.svg-lemon-8 {
	-webkit-mask: url('/wp-content/uploads/2025/09/lemon-8.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/lemon-8.svg') no-repeat center;
}

.svg-threads {
	-webkit-mask: url('/wp-content/uploads/2025/09/threads.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/threads.svg') no-repeat center;
}

.svg-weibo {
	-webkit-mask: url('/wp-content/uploads/2025/09/weibo.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/weibo.svg') no-repeat center;
}

.svg-redbook {
	-webkit-mask: url('/wp-content/uploads/2025/09/redbook3.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/redbook3.svg') no-repeat center;
}

.svg-touyin {
	-webkit-mask: url('/wp-content/uploads/2025/09/tt-douyin.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/tt-douyin.svg') no-repeat center;
}

.svg-tutiao {
	-webkit-mask: url('/wp-content/uploads/2025/09/tutiao.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/tutiao.svg') no-repeat center;
}

.svg-qiy {
	-webkit-mask: url('/wp-content/uploads/2025/09/qiy.svg') no-repeat center;
	mask: url('/wp-content/uploads/2025/09/qiy.svg') no-repeat center;
}

.svg.svg-x {
	margin-bottom: -3px;
}

/*End Footer*/


.fl-page-nav-right .fl-page-header-wrap {
	border-bottom: transparent;
}

.fl-page-bar-container {
	width: 94% !important;
}

.top-bar-nav a {
	color: #fff !important;
	font-size: 12px !important;
}


.fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a.nav-link, .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a.nav-link {
	padding: 15px 10px !important;
}


.fl-page-nav ul.sub-menu {
	width: 200px !important;
}

.full-width .fl-page-header-logo-col {
	width: auto !important;
	max-width: fit-content !important;
}

.full-width .fl-page-nav-col {
	width: auto;
	max-width: fit-content;
	display: flex !important;
	position: absolute;
	right: 50px !important;
}

section[data-module="az-inner-banner"] .az-inner-banner-overlay {
	background: #02002400 !important;
	background: #2EB5DD !important;
	background: linear-gradient(-90deg, rgba(46, 181, 221, 0.22) 0%, rgb(0, 103, 169) 100%) !important;
}

section[data-module="az-inner-banner"] .az-inner-banner-description {
	margin: 0 0 10px;
	width: 100%;
}

section[data-module="az-inner-banner"] .az-inner-banner {
	justify-content: flex-start;
}

.fl-page-nav .navbar-nav > li > a.nav-link {
	padding: 15px 10px;
	font-size: 16px;
}

.az-inner-banner, .near-top .az-inner-banner {
	border-radius: 100px 0px 100px 0px;
	overflow: hidden;
	transition:0.3s;
	padding:0px 20px;
}


.scrolling-down .az-inner-banner {
	border-radius: 0;
	transition:0.3s;
	padding:0px;
}
section[data-module="az-inner-banner"] .az-inner-banner-content {
	padding: 40px 100px;
	width: 100%;
}


.vandm {
	position: relative;
}

.vandm::after {
	content: "";
	position: absolute;
	top: 0;
	right: 10%;
	z-index: 5;
	width: 30%;
	height: 100%;
	background-image: url("/wp-content/uploads/2025/06/ToYM-vission-mission-3-min.png") !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


/*Core Business page*/

.cb-box{
	overflow:hidden;
}

.cb-box > .fl-col-content::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.69) 100%);
    opacity: 0; /* initial transparent */
    transition: opacity 0.3s ease;
    pointer-events: none; /* ensure clicks pass through */
}

.cb-box .contentx{
	opacity:0;
	transition: opacity 0.3s ease;
}

.cb-box:hover .contentx{
	opacity:1;
	transition: opacity 0.3s ease;
}

.cb-box:hover > .fl-col-content::after {
    opacity: 1; /* fade in */
}


.cb-box:hover .cb-btn {
	position: absolute !important;
	bottom: 0;
  transition:0.3s;
}

.cb-btn {
	position: absolute !important;
	bottom: -100px;
  transition:0.3s;
}

.fl-builder-edit .cb-btn {
	position: relative !important;
}


.fl-builder-edit .cb-box {
	overflow:visible;
}


	section[data-module="az-post-grid-filtering"] .az-category-filter {
	width: 100%;
	display: block ruby;
	overflow: auto;
	padding-bottom: 10px;
    }

	section[data-module="az-post-grid-filtering"] .box-image {
	overflow: hidden;
	width: 100%;
	border-radius: 20px;
	}

	section[data-module="az-post-grid-filtering"] .image-bg, section[data-module="az-post-grid-filtering"] .box-image {
    height: 300px; 
	}

	section[data-module="az-post-grid-filtering"] .az-post-title {
	z-index: 2;
	position: absolute;
	bottom: 0;
	color: #fff;
	left: 0;
	right: 0;
}	


section[data-module="az-post-grid-filtering"] .image-bg {
	height: 300px !important;
	border-radius: 20px;
}

section[data-module="az-post-grid-filtering"] .az-post-item {
	width: 31.5% !important;
	margin: 10px !important;
	overflow: hidden;
	
}

section[data-module="az-post-grid-filtering"] .az-pagination {
	text-align: center;
	padding-top: 20px;
}

section[data-module="az-post-grid-filtering"] .az-post-item .az-post-thumb {
	transform: scale(1);
	transition: 0.5s;
}

section[data-module="az-post-grid-filtering"] .az-post-item:hover .az-post-thumb {
	transform: scale(1.1);
	transition: 0.5s;
}

section[data-module="az-post-grid-filtering"] .page-numbers.current, section[data-module="az-post-grid-filtering"] .page-numbers:hover {
	background-color: #2eb5dd;
	padding: 5px 12px;
	border-radius: 50%;
	color: #fff;
}

section[data-module="az-post-grid-filtering"] .next, .next:hover, section[data-module="az-post-grid-filtering"] .prev, .prev:hover  {
	background-color: transparent !important;
	padding: 0 !important;
}

section[data-module="az-post-grid-filtering"] .next:hover {
	color: #0067a9;
}

section[data-module="az-post-grid-filtering"] .page-numbers {
	padding: 5px 12px;
}


section[data-module="az-post-grid"] .post-date {
	margin-bottom: 0;
}

/*Contact Page*/

.box-contact .pp-infobox-title-wrapper, .box-contact .pp-infobox-description, .box-contact a {
	color: #000000a3;
	transition: 0.3s;
}

.box-contact:hover .pp-infobox-title-wrapper, .box-contact:hover .pp-infobox-description, .box-contact:hover a {
	color: #0067a9;
	transition: 0.3s;
}

.az-accordion ul {
	padding-left: 20px;
}

.icon-toym .pp-primary-title{
	position: relative;
}

.az-inner-banner-title {
	width: fit-content;
	position: relative;
}

.az-inner-banner-title::after {
	content: "";
	position: absolute;
	top: -30px;
	right: 0;
	z-index: 5;
	width: 30px;
	height: 30px;
	background-image: url("/wp-content/uploads/2025/06/icon-header-reverse-white.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-toym .pp-primary-title::after{
	content: "";
	position: absolute;
	top: -30px;
	right: 0;
	z-index: 5;
	width: 30px;
	height: 30px;
	background-image: url("/wp-content/uploads/2025/06/icon-header.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.video-slide .ytp-chrome-top.ytp-show-cards-title {
	display: none !important;
}

.video-toym {
  width: 100%;
  aspect-ratio: 16/6;
  position: relative !important;
  overflow: hidden;
	z-index:1;
}
.video-toym iframe {
	position: absolute;
	top: -120px;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}

section[data-module="az-inner-banner"] .az-inner-banner {
	background-size: contain;
	background-position: center top !important;
	border-radius: 0;
	background-attachment: fixed;
}


.az-inner-banner, .near-top .az-inner-banner {
	border-radius: 0 !important;
}

.inner-banner .fl-row-content-wrap {
	padding: 0;
}


section[data-module="az-flip-grid-swap"] .dm-front-card2, .section[data-module="az-flip-grid-swap"] .dm-back-card2 {
	width: 100%;
	height: 100%;
	position: absolute;
}

.vandm::after {
	background-image: url("/wp-content/uploads/2025/09/ToYM-vission-mission-3.webp") !important;
}



.ss-fade-left-right {
  display: block !important;
  visibility: visible !important;
}

.video-toym iframe {
	top: -90px;
	width: 110%;
	height: 110%;
}

.video-popup-btn{
	position:absolute !important;
	right:0;
	bottom:25%;
}

.video-popup-btn a {
	padding: 10px 30px !important;
	position: relative !important;
	border-radius: 30px 0px 0px 30px !important;
}


.sister-company {
	background-color: #2eb5dd;
	margin-left: 20px;
	border-radius: 30px;
	transition:0.3s;
}

.sister-company .nav-link {
	color: #fff !important;
	transition: 0.3s;
	padding: 15px 17px !important;
}

.sister-company .sub-menu .nav-link, .sister-company:hover .sub-menu .nav-link {
	color: inherit !important;
	padding: 10px !important;
}

.sister-company .sub-menu .nav-link:hover{
	color:#2eb5dd !important;
}



.sister-company:hover {
	background-color: #0067a9;
	transition:0.3s;
}

.sister-company:hover .nav-link {
	color:#fff !important;
	transition:0.3s;
}


.near-top .trp-floating-switcher, .trp-floating-switcher {
	right: -120%;
	transition:0.3s;
	opacity:0;
}

.scrolling-up .trp-floating-switcher, .scrolling-down .trp-floating-switcher {
	right: 0;
	transition:0.3s;
	top: 20%;
	transition:0.3s;
	border-radius: 20px 0px 0px 20px;
	opacity:1;
}


.trp-floating-switcher {
	z-index: 999 !important;
}


@media only screen and (max-width: 1500px) and (min-width: 1200px) {

	h2 {
	font-size: 35px;
    }

	h3 {
	font-size: 23px !important;
    }

	.n2-ss-slider-2 {
		height: 80vh;
	}

	.n2-ss-slider-2  .col-first {
	width: 80% !important;
	padding-top: 50px !important;
	}

	.n2-ss-slider-2  .col-second {
	width: 20% !important;
	}

	.border-image .fl-photo {
	width: 100% !important;
	height: 470px !important;
}
	
	.first-wave > .fl-row-content-wrap {
	margin-top: -230px;
}
	.main-heading {
	font-size: 80% !important;
}
	
	.video-toym iframe {
	top: -60px;
}


	.description-about {
	width: 60%;
	}

	.left-number-counter {
	width: 40%;
	}

	.left-number-counter .fl-col-content {
	margin: 0;
	min-height: 250px !important;
	padding: 10px;
	}

	.left-number-counter .fl-photo-img, .left-number-counter .fl-photo {
	width: 80px;
	}

	.left-number-counter .fl-number-string span {
  	font-size: 40px !important;
	}

	.left-number-counter .fl-number-after-text {
	font-size: 16px !important;
	}

	.left-number-counter .fl-number-string {
	font-size: 25px !important;
	}

	.right-about .fl-col-content {
	padding-right: 20px;
	padding-top: 0;
	}

	.sm-box .fl-node-content {
	margin: 0;
    padding: 10px;
    }

	.sm-box {
	margin: 0;
	padding: 0px 30px;
	}

	.fl-number-int {
	font-size: 40px !important;
	}

	.fl-number-string {
	font-size: 30px !important;
	}

	.box-nox {
	padding-right: 60px !important;
	}

	.our-four-pillars {
	margin-top: -60px;
	}

	.wave-effect::before {
	top: -18%;
	}

	.about-the-founder .fl-col-content {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: -30px;
	}

	.wave-bottom .fl-row-content-wrap {
	margin-top: -160px !important;
	}

	.full-width {
	padding: 10px 40px !important;
	}

section[data-module="az-inner-banner"] .az-inner-banner-content {
	padding: 40px 20px 40px 50px;
}
	
	.vandm::after {
	right: 0%;
	width: 40%;
}

section[data-module="az-post-grid-filtering"] .az-post-item {
	width: 31% !important;
	

}

.contain-fit .fl-row-content-wrap {
	padding-left: 40px;
	padding-right: 40px;
}

section[data-module="az-swiper"] .az-swiper-title {
	font-size: 17px !important;
}

.jmentlim .fl-row-content-wrap {
	padding-left: 0px !important;
}
	
	.video-toym iframe {
	transform: scale(1.2);
}
	
		.first-wave > .fl-row-content-wrap {
	margin-top: -175px;
}
	
	
	.video-toym iframe {
	top: -110px;
	width: 130%;
	height: 130%;
}
	
	.fl-page-nav .navbar-nav > li > a.nav-link, .sub-menu a.nav-link {
	padding: 10px !important;
	font-size: 15px !important;
}
	
	.az-inner-banner {
	height: 240px !important;
	}
	
	.fl-page-nav .navbar-nav > li > a.nav-link {
	padding: 15px 7px;
	}
	
	.fl-full-width .container {
	max-width: 100% !important;
	}
	
	.fl-page-nav-left .fl-page-header-row .col-lg-4{
	width: auto !important;
	max-width: 20% !important;
}
	



}



@media only screen and (max-width: 1200px) and (min-width: 1000px) {
	
.fl-page-nav .navbar-nav > li > a.nav-link, .sub-menu  a.nav-link{
	padding: 15px 10px;
	font-size: 14px !important;
	padding: 9px !important;
}
	
	.fl-logo-img {
	width: 100px;
}
	
	.az-inner-banner {
	height: 300px !important;
}
	
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {

	.full-width {
	padding: 10px 10px !important;
}

	   .custom-menu-mobile {
        flex-direction: column;
        align-items: flex-start;
    }

	.n2-ss-slider-2 {
		height: 60vh;
	}

	.right-about .fl-col-content {
	padding: 0;
	}

	.left-number-counter .fl-photo-img {
	width: 80px !important;
	}

	.fl-number-int {
	font-size: 30px !important;
	}

	.fl-number-string {
	font-size: 20px !important;
	}

	.fl-number-after-text {
	font-size: 15px !important;
	}

	.sm-box .fl-photo-img {
	width: 35px;
	margin-right: -20px;
	}

	.wave-bottom .fl-row-content-wrap {
	margin-top: -145px;
	}

	.about-the-founder .fl-col-content {
	margin-top: -90px;
	padding: 0px 0px 10px 0px;
	}
	
	section[data-module="az-inner-banner"] .az-inner-banner-content {
	padding: 40px 20px 40px 50px;
	}

	section[data-module="az-post-grid-filtering"] .az-post-item {
	width: 30% !important;
	}

	section[data-module="az-swiper"] .az-swiper-title {
	font-size: 17px !important;
}

.vandm::after {
	right: 0% !important;
	width: 42% !important;
}

.icon-toym .pp-primary-title::after, .az-inner-banner-title::after {
	top: -20px;
	width: 20px;
	height: 20px;
}
	

.video-toym iframe {
	transform: scale(1.9);
}	
	
section[data-module="az-inner-banner"] .az-inner-banner, .az-inner-banner {
	height: 200px !important;
	background-size: contain !important;
	background-position: 20% 4% !important;
}
	
	.video-popup-btn {
	position: relative !important;
	bottom: 0;
}

.video-popup-btn a {
	padding: 10px 20px !important;
	border-radius: 20px !important;
}
	
	.fl-logo-img {
	width: 100px;
}
	
	.sister-company {
	margin: 0;
	border-radius: 0;
}
	
	.fl-page-nav ul.sub-menu {
	width: auto !important;
}
	
	.sister-company .sub-menu .nav-link, .sister-company:hover .sub-menu .nav-link {
	color: #fff !important;
}
	



}


/* Mobile screen size - landscape view */
@media (max-width: 767px) {
	
	.video-popup-btn {
	position: relative !important;
	bottom: 0;
}

.video-popup-btn a {
	padding: 10px 20px !important;
	border-radius: 20px !important;
}
	
	.az-inner-banner {
	height: 200px !important;
}
   
}

/* Mobile screen size */
@media (max-width: 480px) {

	.full-width {
	padding: 10px 10px 10px 30px !important;
}

.n2-ss-slider-2 {
		height: 60vh;
	}

h1 {font-size:26px !important;}
	h2 .pp-secondary-title, h2 {
	font-size: 23px !important;}
	h3 {font-size:17px !important;}
	h4{font-size:15px !important;}
	p {font-size:14px !important;}
	
	.fl-logo-img {
	width: 90px;
	}
	
	.fl-page-header-logo {
	margin: 0 !important;
	}
	
	.fl-page-header-logo-col {
	width: 20% !important;
	max-width: fit-content !important;
	flex-basis: fit-content !important;
	margin: 0;
	padding: 0;
	}
	
	.fl-page-nav-col {
	flex-basis: fit-content !important;
	}
	
	ul.menu-right {
	padding: 0;
	margin: 0;
	right: -50px !important;
	position: relative;
	top: -4px;
	}
	
	ul.menu-right li {
	margin: 0px;
	}
	
	.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
	right: 5px !important;
	top: 17px !important;
	}	
	
	.cart-icon {
	bottom: auto;
	right: auto;
	}
	
	.custom-menu-container{
	right: -30px;
	position: relative;
	}
	
	.menu-user-trigger {
	margin-right: -10px;
	}

	.right-about .fl-col-content {
	padding: 0;
	}

	.left-number-counter .fl-photo-img {
	width: 80px !important;
	}

	.fl-number-int {
	font-size: 30px !important;
	}

	.fl-number-string {
	font-size: 20px !important;
	}

	.fl-number-after-text {
	font-size: 15px !important;
	margin: 0;
}

	.sm-box .fl-photo-img {
	width: 35px;
	}

	.wave-effect::before {
	top: -55%;
}	

.near-bottom .fl-page-footer {
	border-radius: 0;
	transition: 0.3s;
}
	
	
.az-inner-banner-description {
	width: 100%;
}
	
	section[data-module="az-inner-banner"] .az-inner-banner-content {
	padding: 40px 20px;
}
	
	.az-inner-banner, .near-top .az-inner-banner {
	border-radius: 40px 0px 40px 0px;
}
	
	.vandm::after {
	top: auto;
	right: 0;
	width: 70%;
	bottom: -265px;
	left: 0;
	margin: auto;
	}

	section[data-module="az-post-grid-filtering"] .az-category-filter {
	position: relative;
	}

	section[data-module="az-post-grid-filtering"] .image-bg, section[data-module="az-post-grid-filtering"] .box-image {
	height: 200px !important;
}


section[data-module="az-post-grid-filtering"] .az-post-item {
	width: 47% !important;
	margin: 5px !important;
	overflow: hidden;
}

section[data-module="az-post-grid"] .post-date {
	margin-top: 10px;
}

.quote p {
	font-size: 12px !important;
}

input[type="submit"] {
	margin: auto !important;
	display: block !important;
}

section[data-module="az-testimonial-box"] .close-testimonial {
	color: #fff !important;
}


.az-inner-banner-title {
	line-height: 1;
}

.box-nox .fl-number-after-text {
	font-size: 15px !important;
	margin: 0;
	width: 100px;
	line-height: 1;
}

.icon-toym .pp-primary-title::after, .az-inner-banner-title::after {
	top: -20px;
	width: 20px;
	height: 20px;
}
	
	.video-toym iframe {
	transform: scale(3.2);
}

section[data-module="az-inner-banner"] .az-inner-banner {
	background-size: scroll !important;
}
	
	.video-popup-btn {
	position: relative !important;
	bottom: 0;
}

.video-popup-btn a {
	padding: 10px 20px !important;
	border-radius: 20px !important;
}
	
	.video-toym iframe {
	top: -60px;
	width: 120%;
	height: 120%;
}
	
	section[data-module="az-inner-banner"] .az-inner-banner {
	background-attachment: scroll !important;
		background-size:cover !important;
}
	
	
		.sister-company {
	margin: 0;
	border-radius: 0;
}
	
	.fl-page-nav ul.sub-menu {
	width: auto !important;
}
    
.sister-company .sub-menu .nav-link, .sister-company:hover .sub-menu .nav-link {
	color: #fff !important;
}
	
	.fl-page-bar-row .text-left {
	display: none;
}
	
	.fl-page-bar nav {
	display: flex !important;
	justify-content: flex-end;
	margin-right: -20px;
}
	
	.az-inner-banner {
	height: 200px !important;
}
	
	.scrolling-up .trp-floating-switcher, .scrolling-down .trp-floating-switcher {
	top: 10%;
}
	
	ul.social-media {
	justify-content: center;
	}
	
	ul.social-media li {
	margin: 8px;
	font-size: 18px !important;
	}
	
	ul.social-media li .svg {
	width: 17px;
	height: 17px;
	}
	

}