/*
Theme Name:   Woodmart Child
Description:  Woodmart Child Theme
Author:       XTemos
Author URI:   http://xtemos.com
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart
*/

@media (max-width:476px){
    

    
}
@media (max-width:1600px) {

}

@media (max-width:767px){
	#section-three-mainn{
		display: none !important;
		position: relative;
    top: 200px;
	}
	.mobile-infographic .vc_column-inner {
    padding: 0;
}

.mobile-infographic .vc_column-inner img {
    width: 499px;
}
	.carousel .slick-next{
    position: absolute;
    top: 100%;
    left: 86% !important;
    background-image: url(images/blue-arrow.png);
    background-color: #87c53e;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    }
	
	.section-five-content .info-box-title:before {content: '';width: 558px !important;height: 54px !important;background: #badd92;position: absolute;z-index: -2;left: -356px;right: 0;top: -12px;}
	
	   .section-seven-content .info-box-title {
                line-height: 55px;
                font-size: 45px;
                color: #000000;
                margin-left: -18% !important;
            }
	    .section-seven-content .info-box-title {
        line-height: 55px;
        font-size: 45px;
        color: #000000;
        margin-left: -34% !important;
    }
	
	.section-six-row .vc_row.wpb_row {
    height: 188px !important;
}
	
	.location {
    margin-left: 50px !important;
}
	.section-six-row .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 12px !important;
}
	
	.team-slider .slick-prev {position: absolute;top: 100%;left: 68% !important;background-image: url(images/blue-arrow-1.png);background-color: #87c53e;background-repeat: no-repeat;background-position: center center;border-radius: 50px;width: 30px !important;height: 30px !important;}
	.team-slider .slick-next {position: absolute;top: 100%;left: 83% !important;background-image: url(images/blue-arrow.png);background-color: #87c53e;background-repeat: no-repeat;background-position: center center;border-radius: 50px;width: 30px !important;height: 30px !important;}
	
	#section-two-overflow .wpb_column{
    background-image: url(./images/vission-mission.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 1100% !important;
}
.section-three-content .info-box-title {
    margin-left: -124px;
}
	
	.carousel .slick-prev {
    position: absolute;
    top: 100%;
    left: 70% !important;
    background-image: url(images/blue-arrow-1.png);
    background-color: #87c53e;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    width: 30px;
    height: 30px;
}
	.section-seven-content .info-box-title:before {
    content: '';
    width: 579px !important;
    height: 55px !important;
    background: #badd92;
    position: absolute;
    z-index: -2;
    left: -356px;
    right: 0;
    top: -12px;
}

	.section-eight-content .info-box-title:before {
    content: '';
    width: 540px !important;
    height: 60px !important;
    background: #badd92;
    position: absolute;
    z-index: -2;
    left: -356px;
    right: 0;
    top: -12px;
}
      .our-vission .info-box-content .info-box-title {
                line-height: 40px;
                font-size: 30px;
                color: #000000 !important;
            }

            .our-vission .info-box-content .info-box-inner {
                color: #000000 !important;
            }
	.our-mission p {font-family: 'Poppins';color: #000 !important;}
	   .our-mission .info-box-title {
                line-height: 40px;
                font-size: 30px;
                color: #040404 !important;
            }
	 .section-three-content .info-box-title {
                line-height: 36px;
                font-size: 45px;
                color: #000000;
                margin-top: 14px;
                margin-left: -120px !important;
            }
	.section-three-content .info-box-title:before {content: '';width: 570px !important;height: 70px!important;background: #badd92;position: absolute;z-index: -2;left: -356px;right: 0;top: -12px;}
	.section-four-content .info-box-title {
    margin-left: -95px !important;
}
	.section-four-content p {
    margin-left: -90px !important;
		margin-top:30px !important;
		margin-right: -65px !important;
    }
	
	
	div#custHeight {
		height: 270px !important;
	}
	
	.section-two-first-row .wpb_single_image img {
    height: auto;
    max-width: 95% !important;
    vertical-align: top;
}
	
	.section-seven-row .wpb_text_column { margin: 0 0px !important;}
	
}
	
	
	.section-four-content .info-box-title:before {
    content: '';
    width: 200px !important;
    height: 60px !important;
    background: #badd92;
    position: absolute;
    z-index: -2;
    left: -115px;
    right: 0;
    top: -12px;
}



.footer-policies a {
    color: #777;
}
.green-color { color: #87c53e; }
.green_btn { border-radius: 5px; }

/* ---- Header CSS Starts ---- */
.whb-header { margin: 0; }
.main-page-wrapper { padding: 0; }
.whb-general-header { border-top: 4px solid #87c53e; }

/* ---- Header CSS Ends ---- */

/* ---- Banner CSS Starts ---- */
.slider-banner-content { margin: 0; }
.slider-banner-content-2 { margin: 0; }
.slider-banner-content-3 .info-box-title { padding-right: 125px; }
.slider-banner-row a { border-radius: 5px; }

/* ---- Banner CSS Ends ---- */

/* ---- Brand slider CSS Starts ---- */
.brand-slider { margin: 0; }

/* ---- Brand slider CSS Ends ---- */

/* ---- Section 2 CSS Starts ---- */
.black-btn a { background: #000 !important; color: #fff !important; border-radius: 5px !important; }
.black-btn a:hover { color: #87c53e !important; background: #fff !important; }
.section-two-first-row:before { content: ''; background: url(images/mission-visson-foot.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -19; }
.section-two-first-row { position: relative; z-index: 5; }
#section-two-overflow { background-image: url(./images/vission-mission.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 90% !important; }
.our-mission p { font-family: 'Poppins'; }
.our-vission p { font-family: 'Poppins'; }

/* ---- Section 2 CSS Ends ---- */

/* ---- Section 3 CSS Starts ---- */
.section-three-content h4 { display: inline-block; }
.section-three-content .info-box-content { position: relative; z-index: 1; }
.section-three-content .info-box-title:before { content: ''; width: 915px; height: 70px; background: #badd92; position: absolute; z-index: -2; left: -356px; right: 0; top: -12px; }
.point-of-operation { display: flex; align-items: center; }
.point-of-operation-content .wpb_wrapper { color: #000; font-family: 'Poppins'; font-size: 16px; padding: 30px 0 30px 85px; }
.point-of-operation-content-right { margin: 0px; padding: 25px 85px 25px 0px; }
.point-of-operation .point-of-operation-content { width: 275px; }
.point-of-operation .vc_column-inner { padding: 0px !important; }
.point-of-operation-content { margin: 0px !important; }
.point-of-operation-image { margin: 0px !important; }
.operations .vc_row { display: flex; align-items: center; }
.operations .vc_column-inner { background-size: contain !important; }
.point-of-operation-image { display: flex; justify-content: end; }
.operations .vc_column-inner { padding-top: 0 !important; }
.operations .vc_row { border-radius: 115px !important; }
.point-of-operation-image img { border: 7px solid #fff; border-radius: 100px; }
.operations .vc_column-inner { padding-right: 0px !important; padding-left: 0px !important; }
.operation-third-row p { font-size: 16px; color: #000; padding: 10px 10px; margin: 0; font-family: 'Poppins'; }
.point-of-operation-image-right { display: flex; justify-content: start; }
.point-of-operation-content-right p { font-family: 'Poppins'; font-size: 16px; color: #000; }
.operation-center .info-box-subtitle { font-size: 16px; color: #000; font-family: 'Poppins'; }
.operation-center p { font-size: 16px; color: #000; font-family: 'Poppins'; }
.operation-center h4 { font-size: 30px; }
.operations .midle-col-main .vc_column-inner { padding: 0; }
.operations .midle-col-main .vc_column-inner .wpb_wrapper { padding: 0; }
.center-image { height: 700px; position: relative; z-index: 1; }
.center-image .vc_column-inner:before { content: ''; position: absolute; width: 100%; height: 479px; background: url(./images/circle.png); background-position: center !important; background-repeat: no-repeat !important; background-size: contain; z-index: 1; margin: 0 auto; animation: rotate-center 10s linear infinite; }
@keyframes rotate-center {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* 1 */
.very-light-sky-blue { position: relative;/*     background: #89cdf5;
height: 100px;  */ }
.very-light-sky-blue:before { content: ""; background: #89cdf5; width: 5px; height: 236px; position: absolute; top: 65px; left: 785px; z-index: 1; border: 1px solid #fff; }
.very-light-sky-blue:after { content: ""; background: #89cdf5; width: 5px; height: 214px; position: absolute; left: 680px; transform: rotate(90deg); top: -31%; z-index: 1; border: 1px solid #fff; }

/* 2 */
.light-salmon { position: relative;/*     background: #fbad88;
height: 100px;  */ }
.light-salmon:before { content: ""; background: #fbad88; width: 5px; height: 160px; position: absolute; top: 84px; left: 692px; border: 1px solid #fff; }
.light-salmon:after { content: ""; background: #fbad88; width: 5px; height: 131px; position: absolute; left: 629px; transform: rotate(90deg); top: 21px; border: 1px solid #fff; }

/* 3 */
.light-slate-gray { position: relative;/*     background: #768ba0;
height: 100px;  */ }
.light-slate-gray:after { content: ""; background: #768ba0; width: 5px; height: 50px; position: absolute; left: 595px; transform: rotate(90deg); top: 49px; border: 1px solid #fff; }
.very-light-sky-blue-2 { position: relative; }
.very-light-sky-blue-2:before { content: ""; background: #89cdf5; width: 5px; height: 234px; position: absolute; top: -169px; left: 785px; z-index: 1; border: 1px solid #fff; }
.very-light-sky-blue-2:after { content: ""; background: #89cdf5; width: 5px; height: 218px; position: absolute; left: 678px; transform: rotate(90deg); top: -46px; border: 1px solid #fff; }
.faded-red { position: relative;/*     background: #db7b65;
height: 100px;  */ }
.faded-red:before { content: ""; background: #db7b65; width: 5px; height: 240px; position: absolute; top: 72px; right: 785px; border: 1px solid #fff; }
.faded-red:after { content: ""; background: #db7b65; width: 5px; height: 216px; position: absolute; right: 679px; transform: rotate(90deg); top: -35px; border: 1px solid #fff; }
.pear-green { position: relative;/*     background: #87c53e;
height: 100px;  */ }
.pear-green:before { content: ""; background: #87c53e; width: 5px; height: 89px; position: absolute; top: 90px; right: 692px; border: 1px solid #fff; }
.pear-green:after { content: ""; background: #87c53e; width: 5px; height: 132px; position: absolute; right: 628px; transform: rotate(90deg); top: 27px; border: 1px solid #fff; }
.medium-purple { position: relative;/*     background: #7f5aaf;
height: 100px;  */ }
.medium-purple:after { content: ""; background: #7f5aaf; width: 5px; height: 50px; position: absolute; transform: rotate(90deg); top: 59px; right: 593px; border: 1px solid #fff; }
.pumpkin-orange { position: relative;/*     background: #fd5807;
height: 100px;  */ }
.pumpkin-orange:after { content: ""; background: #fd5807; width: 5px; height: 50px; position: absolute; left: 595px; transform: rotate(90deg); top: 45px; border: 1px solid #fff; }
.bright-orange { position: relative;/*     background: #fda623;
height: 100px;  */ }
.bright-orange:before { content: ""; background: #fda623; width: 5px; height: 137px; position: absolute; top: -60px; left: 689px; border: 1px solid #fff; }
.bright-orange:after { content: ""; background: #fda623; width: 5px; height: 126px; position: absolute; left: 628px; transform: rotate(90deg); top: 12px; border: 1px solid #fff; }
.steel-blue { position: relative;/*     background: #3886ce;
height: 100px;  */ }
.steel-blue:after { content: ""; background: #3886ce; width: 5px; height: 50px; position: absolute; right: 594px; transform: rotate(90deg); top: 35px; border: 1px solid #fff; }
.medium-teal { position: relative; }
.medium-teal:before { content: ""; background: #4fc6b7; width: 5px; height: 114px; position: absolute; top: -26px; right: 711px; border: 1px solid #fff; }
.medium-teal:after { content: ""; background: #4fc6b7; width: 5px; height: 148px; position: absolute; right: 639px; transform: rotate(90deg); top: 11px; border: 1px solid #fff; }
.fuchsia-pink { position: relative;/*     background: #c63894;
height: 100px;*/ }
.fuchsia-pink:before { content: ""; background: #c63894; width: 5px; height: 277px; position: absolute; top: -203px; right: 800px; border: 1px solid #fff; }
.fuchsia-pink:after { content: ""; background: #c63894; width: 5px; height: 235px; position: absolute; left: -120px; transform: rotate(90deg); top: -44px; border: 1px solid #fff; border-bottom: none; z-index: 0; }
/* ---- Section 3 CSS End ---- */

/* ---- Section 4 CSS Starts ---- */
.section-four-content h4 { display: inline-block; }
.green-btn a { background: #000 !important; color: #fff !important; border-radius: 5px !important; }
.green-btn a:hover { background: #fff !important; border-radius: 5px !important; color: #87c53e !important; }
.section-four-content .info-box-content { position: relative; z-index: 1; }
.section-four-content .info-box-title:before { content: ''; width: 400px; height: 70px; background: #badd92; position: absolute; z-index: -2; left: -115px; right: 0; top: -12px; }
.section-four-content:before {    content: '';
    background: url(./images/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 27%;
    height: 100%;
    z-index: -30;
    top: 55%;
    left: 50%;
    right: 0;}
.section-four-content {    position: relative;    z-index: 1;}
/* ---- Section 4 CSS End ---- */

/* ---- Section 5 CSS Starts ---- */
.section-five-content h4 { display: inline-block; }
.section-five-row { background: linear-gradient(to bottom, #fff 60%, #eff7e6 70%); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.team-item { width: 380px; position: relative; padding: 20px; }
/* .team-item::before { content: ""; position: absolute; top: 256px; left: 0; width: 100%; height: 56%; z-index: -1; transition: background-color 0.3s ease; } */
.team-item::before {content: ""; position: absolute; top: 256px; left: 0; width: 100%; height: 38%; z-index: -1; transition: background-color 0.3s ease;}
.team-item:hover::before { background-color: #052233; }
/* .team-image img { height: 450px; width: 380px; object-fit: cover; } */
.team-item .team-image {
    display: flex;
    justify-content: center;
    align-items: center;
}
.team-image img { height: 300px; width: 300px; object-fit: cover; }
.team-info .title { margin: 15px 0 0px 0; color: #000; font-family: 'BrandingPro Bold'; font-size: 28px; }
.team-item:hover .team-info .title { color: #fff; }
.section-five-content .info-box-content { position: relative; z-index: 1; }
.section-five-content .info-box-title:before { content: ''; width: 695px; height: 70px; background: #badd92; position: absolute; z-index: -2; left: -356px; right: 0; top: -12px; }
.team-info p { color: #000; font-family: 'BrandingPro Bold'; font-size: 18px; }
.team-item:hover .team-info p { color: #fff; }
.team-slider .slick-prev { position: absolute; top: 100%; left: 100%; background-image: url(images/blue-arrow-1.png); background-color: #87c53e; background-repeat: no-repeat; background-position: center center; border-radius: 50px; width: 50px; height: 50px; }
.team-slider .slick-prev:hover { background-image: url(images/arrow-white.png); background-color: #061218; }
.team-slider .slick-next { position: absolute; top: 100%; left: 107%; background-image: url(images/blue-arrow.png); background-color: #87c53e; background-repeat: no-repeat; background-position: center center; border-radius: 50px; width: 50px; height: 50px; }
.team-slider .slick-next:hover { background-image: url(images/arrow-white-1.png); background-color: #061218; }
.section-five-row { position: relative; z-index: 6; }
.section-five-row:before { content: ''; width: 100%; height: 74%; position: absolute; background: url(images/foot.png); z-index: 30; top: 0%; left: 80%; right: 0; background-repeat: no-repeat; }
/* ---- Section 5 CSS End ---- */

/* ---- Section 6 CSS Starts ---- */
.section-six-row .vc_column-inner { border-radius: 10px; }
.section-six-content .info-box-icon { padding: 1px !important; }
.section-six-content .info-svg-wrapper { width: 50px !important; height: 50px !important; }
.section-six-detailed .wd-info-box .info-svg-wrapper:is(img, svg) { width: 20px !important; }
.section-six-row .section-six-image { margin: 0; }
.section-six-row .vc_row.wpb_row { height: 150px; }
.section-six-content .info-box-content .info-box-inner p { margin: 0; }
.section-six-detailed .wpb_column { margin-top: 16px; }
.gf_progressbar_percentage.percentbar_red.percentbar_50 { background-color: #87c53e !important; }
.donate-now .gchoice label { border-radius: 5px; background-color: #87c53e !important; border: 1px solid #000 !important; color: #fff !important; padding: 16px; font-size: 13px !important; transition: 0.2s ease-in-out; width: 100%; margin-bottom: 10px !important; text-align: center; cursor: pointer; }
.donate-now .gchoice label:hover { color: #87c53e !important; background-color: #fff !important; border: 1px solid #87c53e !important; }
.gform_page_footer .gform_next_button { background: #000; padding: 20px  20px; border-radius: 5px; color: #fff; border: 1px solid #87c53e; }
.gform_page_footer .gform_next_button:hover { color: #87c53e; background-color: #fff; border: 1px solid #87c53e; }
.section-six-detailed { margin: 0px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; }
.donate-now .gchoice { width: 32.33%; display: inline-block; }
.donate-now .gchoice input { display: none !important; }
.section-six-image img { height: 518px; object-fit: cover; }
.section-six-content .info-svg-wrapper img {width: 25px !important; height: 50px !important;}
/* ---- Section 6 CSS End ---- */

/* ---- Section 7 CSS Starts ---- */
.section-seven-content h4 { display: inline-block; }
.section-seven-content .info-box-content { display: inline-block; position: relative; z-index: 1; }
.section-seven-content .info-box-title:before {content: '';width: 977px;height: 70px;background: #badd92;position: absolute;z-index: -2;left: -356px;right: 0;top: -12px;}
.section-seven-row .wpb_text_column { margin: 0 100px; }
.section-seven-row { position: relative; z-index: 6; }
.section-seven-row:before { content: ''; width: 8%; height: 100%; position: absolute; background: url(images/foot-2.png); z-index: 30; top: 0%; left: 92%; right: 0; background-repeat: no-repeat; }
.event-image-item {
    word-wrap: break-word; /* Break words if they are too long */
    white-space: normal;   /* Allow text to wrap to the next line */
    display: block;        /* Ensure content behaves like a block element */
    text-align: center;    /* Center-align the text if needed */
    margin: 5px;           /* Add some spacing */
}

/* .events-image-slider-wrapper {
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
} */

.event-image-item img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.event-image-item img:hover {
    transform: scale(1.05);
}

.carousel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}



.events-image-slider .slick-prev{
	    position: absolute;
    top: 100%;
    left: 100%;
    background-image: url(images/blue-arrow-1.png);
    background-color: #87c53e;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.events-image-slider .slick-prev:hover {
    background-image: url(images/arrow-white.png);
    background-color: #061218;
}

.events-image-slider .slick-next{position: absolute;
    top: 100%;
    left: 107%;
    background-image: url(images/blue-arrow.png);
    background-color: #87c53e;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    width: 50px;
height: 50px;}

.events-image-slider .slick-next:hover {
    background-image: url(images/arrow-white-1.png);
    background-color: #061218;
}

/* .slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: white;
    font-size: 18px;
    padding: 10px;
} */

/* .slick-prev:hover, .slick-next:hover {
    background: rgba(0, 0, 0, 0.8);
} */

/* ---- Section 7 CSS End ---- */

/* ---- Section 8 CSS Starts ---- */
.section-eight-content h4 { display: inline-block; }
.section-eight-content .info-box-content { position: relative; z-index: 1; }
.section-eight-content .info-box-title:before { content: ''; width: 660px; height: 70px; background: #badd92; position: absolute; z-index: -2; left: -356px; right: 0; top: -12px; }
.testimonials-slider .slick-prev { position: absolute; top: -110px; left: 100%; background-image: url(images/blue-arrow-1.png); background-color: #87c53e; background-repeat: no-repeat; background-position: center center; border-radius: 50px; width: 50px; height: 50px; }
.testimonials-slider .slick-prev:hover { background-image: url(images/arrow-white.png); background-color: #061218; }
.testimonials-slider .slick-next { position: absolute; top: -110px; left: 107%; background-image: url(images/blue-arrow.png); background-color: #87c53e; background-repeat: no-repeat; background-position: center center; border-radius: 50px; width: 50px; height: 50px; }
.testimonials-slider .slick-next:hover { background-image: url(images/arrow-white-1.png); background-color: #061218; }
.testimonial-image { margin: 30px 0; }
.testimonial-item { margin-right: 20px; padding: 25px; background: #f7f9fb; }
.testimonial-info-box { display: flex; align-items: center; justify-content: space-between; margin: 50px 0; border-bottom: 0.5px solid #dfdfdf; }
.testimonial-info-box .testimonial-tital { border-bottom: 2px solid #87c53e; }
.testimonial-item:nth-child(odd) { background-color: #061218; color: #fff; }
.testimonial-item:nth-child(odd) h3 { background-color: #061218; color: #fff; }
.events-image img { height: 500px; width: 400px; object-fit: cover; }
/* ---- Section 8 CSS End ---- */

/* ---- Footer CSS Starts ---- */
.footer-heeading { color: #fff; }
.follow-us { margin: 15px 0; }
.location { margin: 19px 0; }
.footer-heeading .info-box-title { color: #fff; margin-bottom: 15px; }
.footer-col-left .footer-row-left-1 { border-top: 1px solid; border-right: 1px solid; }
.footer-col-right  .footer-row-right-1 { border-top: 1px solid; }
.footer-row-left-1 .vc_column-inner { padding-left: 0; padding-right: 70px; }
.footer-row-right-1 { padding-left: 50px; }
.footer-row-2-left-col { border-top: 1px solid; border-right: 1px solid; }
.footer-row-2-left-col .vc_column-inner { padding-left: 0; }
.footer-row-2-right-col .vc_column-inner { padding-left: 50px; padding-right: 0; }
.footer-row-2-right-col { border-top: 1px solid; }
.footer-policies p { text-align: left; }
/* ---- footer CSS Ends ---- */

.ticker-slider .slick-prev:hover {
    background-image: url(images/arrow-white.png);
    background-color: #061218;
}

.ticker-slider .slick-prev {
    position: absolute;
    top: 100%;
    left: 91%;
    background-image: url(images/blue-arrow-1.png);
    background-color: #87c53e;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.ticker-slider .slick-next:hover {
    background-image: url(images/arrow-white-1.png);
    background-color: #061218;
}
.ticker-slider .slick-next {
    position: absolute;
    top: 100%;
    left: 96%;
    background-image: url(images/blue-arrow.png);
    background-color: #87c53e;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}
.testimonial-row-two video {
        object-fit: contain !important;
}

@media (max-width:767px) {
	
}

@media (max-width:479px) {
	
}