/*
Theme Name: MYPAGE Child
Theme URI: https://www.mypage.vn/
Author: MYPAGE
Author URI: https://www.mypage.vn/
Description: MYPAGE Theme.
Version: 1.1
Template: mypage
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: mypage-child
*/
@import url("../mypage/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

#header .header-main .header-container { display: flex; align-items: center; justify-content: space-between; }
#header .header-main .header-right { padding-left: 0; }
#header.sticky-header .header-main.sticky { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#side-nav-panel .accordion-menu > li.menu-item > a { font-size: 20px; letter-spacing: 0; font-weight: 600;}

.page-top { padding: 200px 0; }
.page-top > .container > .row > div ul.breadcrumb li { font-size: 20px;}
.page-top ul.breadcrumb>li { text-transform: none;}
.page-top > .container > .row > div .breadcrumbs-wrap {     display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 10px 10px 0;
    position: relative;
    padding: 25px 20px 25px 10px;
    border-left: 3px solid #fff;
    top: 55px;
    left: 15px; }

.main-content { padding-top: 0; }

.wrap_page_hero { position: relative; }
.wrap_page_hero h1.vc_custom_heading { text-transform: uppercase; color: #000; font-weight: 100; font-size: 45px; line-height: 1.2; margin-bottom: 15px; position: relative; padding-top: 30px;}
.wrap_page_hero h1.vc_custom_heading:before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 25%; height: 5px; background-color: var(--porto-primary-color);}
.wrap_page_hero div.vc_custom_heading { font-size: 30px; margin-bottom: 50px; }
.wrap_page_hero:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 115%; height: 1px; transform: translateX(-50%); background-color: #ddd; display: block; }
.container .wrap_aboutus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_whyus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_ourproducts.stretch_row_content_css:not(.porto-inner-container), .container .wrap_products_home.stretch_row_content_css:not(.porto-inner-container), .container .wrap_img.stretch_row_content_css:not(.porto-inner-container), .container .wrap_featured_products.stretch_row_content_css:not(.porto-inner-container) { padding: 50px; }
.wrap_heading > .vc_column-inner{ position: relative; }
.wrap_heading > .vc_column-inner:before { content: ""; position: absolute; top: 0; left: -25px; width: 3px; height: 100%; background-color: var(--porto-primary-color); }
.wrap_aboutus .wpb_text_column { margin-bottom: 50px; }
.wrap_aboutus p.vc_custom_heading, .wrap_whyus p.vc_custom_heading, .wrap_ourproducts p.vc_custom_heading, .wrap_featured_products p.vc_custom_heading { text-transform: uppercase; color: #898e90; letter-spacing: 1.5px; font-size: 18px;}
.wrap_aboutus h2.vc_custom_heading, .wrap_whyus h2.vc_custom_heading, .wrap_ourproducts h2.vc_custom_heading, .wrap_featured_products h2.vc_custom_heading { font-size: 45px; font-weight: 300; line-height: 1.2; color: #000; margin-bottom: 0}
.wrap_aboutus .wpb_text_column p { font-size: 22px; font-weight: 400; letter-spacing: 0.5px;}
.wrap_aboutus .actual_figures > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; }
.wrap_aboutus .porto-sicon-box { position: relative; width: calc((100% - 15px) / 4); margin-right: 5px;}
.wrap_aboutus .porto-sicon-box:nth-child(4n) { margin-right: 0; }
.wrap_aboutus .porto-sicon-box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: var(--porto-primary-color); border-radius: 50px;}
.wrap_aboutus .porto-sicon-box h3.porto-sicon-title { font-size: 38px; letter-spacing: 2px; padding-top: 30px; font-weight: 300; margin-bottom: 20px;}
.wrap_whyus .vc_column_container:nth-last-child(1) > .vc_column-inner { display: flex; flex-wrap: wrap; }
.wrap_whyus .porto-sicon-box { background-color: rgba(223,229,229,.5); width: calc((100% - 15px) / 4); margin-right: 5px; margin-bottom: 5px; padding: 15px;}
.wrap_whyus .porto-sicon-box:nth-child(4n) { margin-right: 0; }
.wrap_whyus .porto-sicon-box .porto-sicon-header { margin-bottom: 0; }
.wrap_whyus h3.porto-sicon-title { font-size: 15px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; line-height: 1.3; }

.wrap_ourproducts .vc_column_container:nth-last-child(1) > .vc_column-inner { display: flex; flex-wrap: wrap; }
.wrap_ourproducts .porto-sicon-box {background-color: rgba(223,229,229,.3); width: calc((100% - 15px) / 4); margin-right: 5px; margin-bottom: 5px; padding: 70px 15px 15px; position: relative; align-items: flex-start;}
.wrap_ourproducts .porto-sicon-box:nth-child(4n) { margin-right: 0; }
.wrap_ourproducts .porto-sicon-box:before { content: ''; background-image:  url("images/icon-dmsp	.png"); width: 32px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain; display: block; margin-bottom: 20px; position: absolute; top: 20px;}

.wrap_img div.vc_custom_heading { font-size: 45px; font-weight: 300; line-height: 1.2; max-width: 55%; border-top: 5px solid #fff;  padding-top: 35px; margin-bottom: 35px; margin-left: 30px;}
.wrap_img .wpb_single_image { margin-bottom: 6px; }
.wrap_img .wpb_single_image:nth-last-child(1) { margin-bottom: 0; } 
.wrap_img > .vc_column_container:first-child {padding-right: 3px;}
.wrap_img > .vc_column_container:nth-last-child(1) { padding-left: 3px;	 }
.wrap_img > .vc_column_container:first-child > .vc_column-inner { background-color: #01d74e; display: flex; align-items: flex-end; width: 100%; height: 100%; }



.wrap_products_home { display: none; }
.wrap_products_home > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; }
.wrap_products_home .porto-sicon-box.default-icon { background-color: rgba(223,229,229,.5); width: calc((100% - 10px) / 3); margin-right: 5px; margin-bottom: 5px; padding: 15px; display: block;}
.wrap_products_home .porto-sicon-box:nth-child(3n) { margin-right: 0; }
.wrap_products_home .porto-sicon-box h3.porto-sicon-title { text-transform: uppercase; }
.wrap_products_home .porto-sicon-box .porto-sicon-description h4 { color: #878787; font-weight: 300;  margin-top: 25px;}
.wrap_products_home .porto-sicon-box ul { margin-bottom: 0; padding-left: 25px; }
.wrap_products_home .porto-sicon-box ul li { list-style: none; border-bottom: 2px solid #f7f7f7; padding: 15px 0; position: relative;}
.wrap_products_home .porto-sicon-box ul li:nth-last-child(1) { border-bottom: none; }
.wrap_products_home .porto-sicon-box ul li:after { content: ""; width: 22px; height: 22px; background-image: url("images/icon-product.png"); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; position: absolute; right: 0; bottom: 50%; transform: translateY(50%);}
.wrap_products_home .porto-sicon-box .porto-sicon-description p:nth-last-child(1) { display: none; }



.wrap_featured_products .vc_column_container:nth-last-child(1) > .vc_column-inner { display: flex; flex-wrap: wrap;}
.wrap_featured_products .porto-sicon-box-link { width: calc(( 100% - 30px) / 2); margin-right: 30px; margin-bottom: 40px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 20px; border-radius: 10px; background-color: #fff; border-left: 6px solid #fff; transition: 0.3s ease-in-out;}
.wrap_featured_products .porto-sicon-box-link:hover { border-left-color: var(--porto-primary-color); transform: scale(1.05); }
.wrap_featured_products .porto-sicon-box-link:nth-child(2n) { margin-right: 0; }
.wrap_featured_products .porto-sicon-box { margin-bottom: 10px; margin-top: 10px; }
.wrap_featured_products .porto-sicon-body { display: flex; align-items: center; }
.wrap_featured_products .right-icon .porto-sicon-header .porto-sicon-title { text-align: left; font-size: 26px;} 



.container .wrap_news.stretch_row_content_css:not(.porto-inner-container) { background-color: #eef2f2; padding: 80px 50px 0;}
.wrap_news h2.vc_custom_heading { font-weight: 300; font-size: 42px; margin-bottom: 50px; }
.wrap_news .porto-recent-posts .post-recent-content h5, .posts-grid > .posts-container h4.entry-title { font-weight: 300; font-size: 22px; }

.wrap_intro { padding-top: 50px; }
.wrap_intro .wpb_single_image { margin-bottom: 0; }

.container .wrap_contactus.stretch_row_content_css:not(.porto-inner-container) { padding: 100px 50px; }
.wrap_contactus { background-color: rgba(223,229,229,.5);}
.wrap_contactus h2.vc_custom_heading { font-size: 20px; color: #898e90; text-transform: uppercase; font-weight: 300; margin-bottom: 10px; }
.wrap_contactus div.vc_custom_heading { font-size: 45px; line-height: 1.1; padding-right: 20%; }

.posts-grid > .posts-container, .single-post .porto-single-page, .single-portfolio .portfolio-large { padding-top: 50px; }
.page-portfolios.portfolios-grid article.portfolio { margin-bottom: 30px; }
.page-portfolios.portfolios-grid article.portfolio h4.portfolio-title { margin-top: 20px; }
.single-post .porto-single-page h2.entry-title, .single-post .porto-single-page h3, .single-post .porto-single-page h4, .single-post .porto-single-page h5 { font-weight: 300; }
.single-portfolio .portfolio-large h2.entry-title { margin-bottom: 25px; }

.page-portfolios.portfolios-grid .portfolio-row { margin-top: 50px; }

#footer .footer-main .row > div:nth-child(2) img { width: 25%; }
#footer .footer-main .row > div:last-child ul li { font-size: 16px; margin-bottom: 8px;	 }
#footer .footer-main .row > div h3.widget-title { font-size: 16px; }
#footer .footer-bottom { border-top: 1px solid #d2e0e0; padding: 10px 0;}

.grecaptcha-badge {
    display: none !important;
}

@media (max-width: 1229px) {
	.wrap_page_hero h1.vc_custom_heading { font-size: 38px; }
	.wrap_page_hero div.vc_custom_heading { font-size: 26px; }
	.wrap_aboutus h2.vc_custom_heading, .wrap_whyus h2.vc_custom_heading, .wrap_ourproducts h2.vc_custom_heading, .wrap_featured_products h2.vc_custom_heading { font-size: 36px; }
	.wrap_aboutus .porto-sicon-box h3.porto-sicon-title { font-size: 32px; }
	.wrap_img div.vc_custom_heading { font-size: 40px; }
	.wrap_products_home .porto-sicon-box.default-icon { width: calc((100% - 5px) / 2); margin-right: 5px;}
	.wrap_products_home .porto-sicon-box.default-icon:nth-child(4n) { margin-right: auto; }
	.wrap_products_home .porto-sicon-box.default-icon:nth-child(2n) { margin-right: 0 }

	.wrap_featured_products .porto-sicon-img { font-size: 150px!important; }
	.wrap_contactus div.vc_custom_heading { font-size: 40px; }
}

@media (max-width: 991px) {
	.page-top { padding: 120px 0; }
	.wrap_page_hero h1.vc_custom_heading { font-size: 30px; margin-bottom: 10px;}
	.wrap_page_hero div.vc_custom_heading { font-size: 22px; }
	.wrap_aboutus > .vc_column_container , .wrap_whyus > .vc_column_container, .wrap_ourproducts > .vc_column_container, .wrap_featured_products > .vc_column_container  { width: 100%; }
	.container .wrap_aboutus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_whyus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_ourproducts.stretch_row_content_css:not(.porto-inner-container), .container .wrap_products_home.stretch_row_content_css:not(.porto-inner-container), .container .wrap_img.stretch_row_content_css:not(.porto-inner-container), .container .wrap_featured_products.stretch_row_content_css:not(.porto-inner-container) { padding: 35px;}
	.wrap_heading { margin-bottom: 35px; }
	.wrap_img div.vc_custom_heading { font-size: 24px; padding-top: 20px;}
	.wrap_contactus > .vc_column_container { width: 100%; }
	.wrap_contactus div.vc_custom_heading { font-size: 36px; padding-right: 0; margin-bottom: 30px; }

	#footer .footer-main > .container { padding-top: 35px; padding-bottom: 20px }
	#footer .footer-main .row > div { margin-top: 15px; }
	#footer .footer-main .row > div h3.widget-title { font-size: 18px; }

}

@media (max-width: 767px) {
	.wrap_page_hero h1.vc_custom_heading { font-size: 22px; margin-bottom: 0px; padding-top: 20px;}
	.wrap_page_hero div.vc_custom_heading { font-size: 16px; }
	.wrap_aboutus h2.vc_custom_heading, .wrap_whyus h2.vc_custom_heading, .wrap_ourproducts h2.vc_custom_heading, .wrap_featured_products h2.vc_custom_heading, .wrap_news h2.vc_custom_heading { font-size: 32px; }
	.wrap_aboutus p.vc_custom_heading, .wrap_whyus p.vc_custom_heading, .wrap_ourproducts p.vc_custom_heading, .wrap_featured_products p.vc_custom_heading { margin-bottom: 10px; }
	.wrap_aboutus .wpb_text_column p { font-size: 20px; }
	.wrap_aboutus .porto-sicon-box {width: calc((100% - 10px) / 3); margin-right: 5px;}
	.wrap_aboutus .porto-sicon-box:nth-child(4n) { margin-right: auto; }
	.wrap_aboutus .porto-sicon-box:nth-child(3n) { margin-right: 0 }
	.container .wrap_aboutus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_whyus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_ourproducts.stretch_row_content_css:not(.porto-inner-container), .container .wrap_products_home.stretch_row_content_css:not(.porto-inner-container), .container .wrap_img.stretch_row_content_css:not(.porto-inner-container), .container .wrap_featured_products.stretch_row_content_css:not(.porto-inner-container) { padding: 20px;}
	.wrap_whyus .porto-sicon-box { width: calc((100% - 10px) / 3); margin-right: 5px;}
	.wrap_whyus .porto-sicon-box:nth-child(4n) { margin-right: auto; }
	.wrap_whyus .porto-sicon-box:nth-child(3n) { margin-right: 0 }
	.wrap_ourproducts .porto-sicon-box { width: calc((100% - 5px) / 2); margin-right: 5px;}
	.wrap_ourproducts .porto-sicon-box:nth-child(4n) { margin-right: auto; }
	.wrap_ourproducts .porto-sicon-box:nth-child(2n) { margin-right: 0 }

	.wrap_img > .vc_column_container:first-child { padding-right: 15px; min-height: 500px; margin-bottom: 5px;}
	.wrap_img > .vc_column_container:nth-last-child(1) { padding-left: 15px; }
	.wrap_img div.vc_custom_heading { font-size: 32px; }

	.wrap_products_home .porto-sicon-box.default-icon { width: 100%; margin-right: 0px; margin-bottom: 15px;}

	.wrap_featured_products .porto-sicon-box-link { width: 100%; margin-right: 0;}

	.wrap_intro .wpb_single_image { margin-bottom: 20px; }

	.container .wrap_news.stretch_row_content_css:not(.porto-inner-container) { background-color: #eef2f2; padding: 80px 20px 0;}
	.container .wrap_contactus.stretch_row_content_css:not(.porto-inner-container) { padding: 60px 20px; }
}

@media (max-width: 576px) {
	.page-top { padding: 100px 0;}
	#side-nav-panel .accordion-menu > li.menu-item > a { font-size: 16px;}
	.wrap_page_hero h1.vc_custom_heading { font-size: 18px; margin-bottom: 10px;}
	.wrap_page_hero div.vc_custom_heading { font-size: 14px; line-height: 1.2;}
	.wrap_aboutus .porto-sicon-box h3.porto-sicon-title { font-size: 30px; }
	.container .wrap_aboutus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_whyus.stretch_row_content_css:not(.porto-inner-container), .container .wrap_ourproducts.stretch_row_content_css:not(.porto-inner-container), .container .wrap_products_home.stretch_row_content_css:not(.porto-inner-container), .container .wrap_img.stretch_row_content_css:not(.porto-inner-container), .container .wrap_featured_products.stretch_row_content_css:not(.porto-inner-container) { padding: 15px;}
	.wrap_heading > .vc_column-inner:before {left: -15px;}
	.wrap_ourproducts .porto-sicon-box h3.porto-sicon-title { font-size: 20px; }
	.wrap_img > .vc_column_container:first-child {  min-height: 400px; }
	.wrap_img div.vc_custom_heading { font-size: 24px; }
	.container .wrap_news.stretch_row_content_css:not(.porto-inner-container) { background-color: #eef2f2; padding: 80px 15px 0;}
	.container .wrap_contactus.stretch_row_content_css:not(.porto-inner-container) { padding: 50px 15px; }
	.wrap_contactus div.vc_custom_heading { font-size: 30px;}
}

@media (max-width: 480px) {
	.wrap_aboutus .wpb_text_column p { font-size: 18px; }
	.wrap_aboutus .porto-sicon-box { position: relative; width: calc((100% - 5px) / 2); margin-right: 5px;}
	.wrap_aboutus .porto-sicon-box:nth-child(3n) { margin-right: auto; }
	.wrap_aboutus .porto-sicon-box:nth-child(2n) { margin-right: 0 }
	.wrap_whyus .porto-sicon-box { position: relative; width: calc((100% - 5px) / 2); margin-right: 5px;}
	.wrap_whyus .porto-sicon-box:nth-child(3n) { margin-right: auto; }
	.wrap_whyus .porto-sicon-box:nth-child(2n) { margin-right: 0 }
	.wrap_img > .vc_column_container:first-child {  min-height: 400px; }
	.wrap_products_home .porto-sicon-box h3.porto-sicon-title, .wrap_products_home .porto-sicon-box .porto-sicon-description h4 { font-size: 20px; }
	.wrap_products_home .porto-sicon-box ul { padding-left: 10px; }
	.wrap_products_home .porto-sicon-box ul li { font-size: 15px; }

	.wrap_featured_products .porto-sicon-box-link { margin-bottom: 20px; }
	.wrap_featured_products .porto-sicon-img { font-size: 120px!important; }
	.wrap_featured_products .right-icon .porto-sicon-header .porto-sicon-title { font-size: 22px; }


}