/*

Theme Name: Yuiischool Child

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/

body {

    font-size: 14px;

}

.header-top .nav>li.html {

	font-size: 14px;

    color: #4e4e4e;

}



.header-main .header-col-content {

	font-size:28px; 

	position:absolute;

}

.header-main  p {

	font-size: 13px; 

	line-height: 16px; 

	text-align: left; 

	margin-top: 5px; 

	margin-bottom: 0px; 

	padding-left: 33px;

} 

.header-main .header-col-content i {

	line-height: 1; 

	font-size: 27px; 

	position: absolute; 

	color: #ed1d25;

	margin-top: 5px;

}



.header-button a {

	background-color: #ed1d25;

    border-radius: 0px;

    font-size: 15px;

    font-weight: normal;

    line-height: 18px;

    border: 1px solid #ed1d25;

    color: #fff;

    padding: 17px 30px 17px 30px;

    text-transform: none;

    display: inline-block;

    text-decoration: none;

    box-shadow: none;

    text-align: center;

}

.header-button a:hover {

	background-color: #f35849;

    border: 1px solid #f35849;

    color: #fff;

}

.header-main .nav>li.html {

	margin: 0 13px;

}

.header-bottom-nav > li {

	margin: 0;

}

.header-bottom-nav > li > a {

	line-height: 24px;

	color: #fff;

    font-size: 15px;

    padding: 3px 25px;

}
.header-bottom-nav > li:hover > a,.header-bottom-nav > li.current-menu-item > a {
  
}
.header-bottom-nav > li:after {

    content: "x";

    color: #fff;

    font-size: 12px;

    position: absolute;

    top: 20px;

    right: -3px;

    transform: scale(1, 0.8);

    -webkit-transform: scale(1, 0.8);

    -moz-transform: scale(1, 0.8);

    -ms-transform: scale(1, 0.8);

    -o-transform: scale(1, 0.8);

}
.header-bottom-nav.nav-right > li:after {
	 top: 3px;
}


.header-bottom-nav > li:last-child:after,

.header-bottom-nav .has-dropdown .icon-angle-down {

	display: none;

}

.header-bottom-nav li ul.nav-dropdown {

    background-color: #ed1d25!important;

    min-width: 270px;

    border: none;

	padding: 0;

    display: block

}



.header-bottom-nav  ul.nav-dropdown li.menu-item-has-children a:after {

    content: "\f105";

    font-family: FontAwesome;

    display: inline-block;

    margin-left: -1.3em;

    width: 1.3em;

    position: absolute;

    right: 0;

}

.header-bottom-nav ul.nav-dropdown li.menu-item-has-children li a:after { 

	display: none; 

}

.nav-dropdown.nav-dropdown-default>li {

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.nav-dropdown.nav-dropdown-default>li>a {

	color: #fff;

	font-size: 15px;

	border: none;

	font-weight: 400;

    text-transform: none;

    padding: 14px 0;

}

.nav-dropdown.nav-dropdown-default>li:hover {

    background-color: #f35849;

}

.nav-dropdown.nav-dropdown-default>li.nav-dropdown-col {

	display: block;

    width: 100%;

    border-right: none;

    position: relative;

}

.nav-dropdown.nav-dropdown-default>li> ul.nav-dropdown-default { 

	opacity: 0; 

	left: 240px; 

	top: 0px; 

	visibility: hidden; 

	opacity: 0; 

	transform: translate(20px, 20px); 

	transition: all 0.2s ease-out;    

	position: absolute;    

	background-color: #ed1d25!important;

}

.nav-dropdown.nav-dropdown-default>li:hover ul { 

	visibility: visible; 

	opacity: 1; 

	transform: translate(0, 0); 

}

.nav-dropdown.nav-dropdown-default>li> ul.nav-dropdown-default li {

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.nav-dropdown.nav-dropdown-default>li> ul.nav-dropdown-default li a {

	color: #fff;

	font-size: 15px;

	border: none;

	font-weight: 400;

    text-transform: none;

    padding: 14px 0;

}



.nav-dropdown.nav-dropdown-default>li> ul.nav-dropdown-default li:hover { 

	background-color: #f35849;

}
.page-header-wrapper .title-bg {

    background-color: #C3A66C;
}
.page-header-wrapper  .title-overlay {
    background-color: transparent;
}

/*	Home css */



.slider-nav-circle .flickity-prev-next-button svg, 

.slider-nav-circle .flickity-prev-next-button .arrow {

    border-radius: 100%;

    border: 2px solid #ed1d25;

    fill: #fff;

    background: #ed1d25;

}

.button.primary:not(.icon), .button.white {

	border-radius: 2px;

    height: auto;

    font-size: 14px;

    line-height: 21px;

    padding: 11px 26px;

    border-width: 0px;

    font-weight: 400;

    min-width: 130px;

}

.banner h3 {

	font-size: 35px;

	font-weight: 500;

}

.home h5.post-title {

	font-size: 14px;

    color: #343e47;

    font-weight: bold;

    margin-bottom: 0px;

    text-align: left;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;



}

.box-vertical .box-image, .box-vertical .box-text {

	direction: ltr;

    display: table-cell;

    vertical-align: top;

}

@media screen and (max-width: 549px) {

	.box-vertical .box-image {

    	width: 33% !important;

	}

}



.home h5.post-title:hover {

    color: #ed1d25;

}

.box-blog-post .is-divider {

	display: none;

}

.home .post-item .box-text.text-left {

	padding-right: 0;

    padding-top: 0;

    margin-bottom: 0;

    padding-left: 15px;

}

.section-title-bold-center {

	border-bottom: 1px solid #ebebeb;

}

.section-title-bold-center b {

	opacity: 0

}

.section-title-bold-center span {

    font-size: 24px;

    border: none;

    font-weight: 400;

}

.section-title-bold-center span::after {

    content: "";

    left: 50%;

    bottom: -2px;

    position: absolute;

    margin-left: -15px;

    width: 44px;

    height: 4px;

    background-color: #ed1d25;

}

h4.section-title {

    padding: 0 10px;

    font-size: 26px;

    margin-top: 15px;

    line-height: 32px;

    color: #343e47;

}

.home .featured-box {

	border-width: 1px !important;

    padding: 20px 15px !important;

    border: 1px solid #ebebeb;

    border-radius: 3px !important;

    box-shadow: 0px 1px 1px #ebebeb;

}

.home .featured-box h3 {

    text-align: left;

    margin-bottom: 2px !important;

    font-size: 16px;

}
.home .featured-box h4  {  
    font-size: 15px;
}
.home .featured-box p {

    font-size: 14px;

    line-height: 23px;

    text-align: left;

    margin-bottom: 0px !important;

}

.home .featured-box .icon-box-img {

    font-size: 31px;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}



.home .featured-box:hover .icon-box-img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}

.accordion-item {

	margin-bottom: 5px;

}

.accordion-title {

    background-color: #f5f5f5;

   	font-size: 16px;

    font-weight: 400;

    border: 1px solid #ddd;

    border-radius: 0px;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);

    box-shadow: 0 1px 1px rgba(0,0,0,.05);

}

.accordion-title.active {

	border-color: #ddd!important;



}

.accordion-inner {

    padding: 1em 2.3em;

    border: 1px solid #ddd;

    background-color: #fff;

    font-size: 14px;

}

.wpcf7 input[type='text'], 

.wpcf7 input[type='tel'], 

.wpcf7 input[type='email'], 

.wpcf7 textarea {

font-family: inherit;

    padding: 15px;

    margin-bottom: 10px;

    color: #141412;

    background-color: #f4f4f4;

    width: 100%;

    height: 50px;

    box-shadow: none;

    font-size: 14px;

}

.wpcf7 textarea  {

	min-height: 168px;

}
.don-hang-item .col-inner {
    background-color: #f5f5f5;
    padding: 10px;
}
.don-hang-item h5.post-title{
    color: #000000;
    font-size: 18px;
    color: #000000;
    font-size: 17px;
    display: block;
    margin-bottom: 20px;
    min-height: 46px;
}
.don-hang-item ul {
    margin-bottom: 0
}
.don-hang-item ul li {
    margin-left: 0;
}
.don-hang-item ul li i {
        color: #ed1e25;
    font-size: 17px;
    min-width: 25px;
}
.don-hang-item  .box-text {
    padding-left: 0px;
}
/* Sub page */

ul {

	list-style: none;

}

.widget-area span.widget-title {

    font-weight: 500;

    display: block;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-size: 16px;

}



.widget-area  span.widget-title:after {

    content: "";

    display: block;

    width: 60px;

    margin-top: 10px;

    border-bottom: 2px solid #ed1d25;

}

.is-divider {

	display: none;

}



h1.entry-title {

	font-size: 28px;

    font-weight: 700;

    color: #fff;

    text-align: left;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 7px;

}

#breadcrumbs {

	font-size: 14px;

}

.gallery-col .box-text.text-left {

	display: none;

}

.nav-tabs+.tab-panels {

    border: none;

    background-color: #fff;

    padding: 0;

    margin-top: 30px;

}

.nav-tabs>li>a {

	border: 1px solid #ddd;

    background: #fff;

}

.nav-tabs > li.active > a,.nav-tabs > li:hover > a {

    border-top-color: #ed1d25;

    background: #ed1d25;

    color: #fff;

}



.contact_info {

	box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);

	float: left;

	width: 100%;

	margin-bottom: 30px;

}

.spt .item_spt {

	height: auto;

	padding: 20px;

	background: #fff;

	color: #303030;

	float: left;

	width: 100%;

	position: relative;

}

.spt i  {

	position: absolute;

	border: 3px solid #ed1d25;

border-radius: 50%;

height: 42px;

width: 42px;

text-align: center;

line-height: 36px;

font-size: 18px;

color: #fff;

border-color: transparent;

background: #ed1d25;

}

.spt .item_spt:nth-child(even) i {

	background: #fff;

	color: #ed1d25;

}

.spt ul {

	float: left;

	width: 100%;

	padding-left: 52px;

	margin-bottom: 0

}

.spt .add li {

	float: left;

	width: 100%;

	list-style: none!important;

}

.spt .add li h3 {

	font-size: 24px;

	margin-top: 4px;

	font-weight: 300;

	position: relative;

	padding-bottom: 13px;

}

.spt .add li h3:before {

	position: absolute;

	display: inline-block;

	content: '';

	width: 40px;

	height: 2px;

	left: 0;

	bottom: 0;

	background: #ed1d25;

}

.spt .item_spt:nth-child(even) li h3 {color: #fff;}

.spt .item_spt:nth-child(even) li h3:before {background: #fff;}

.spt .add li p {

	font-size: 14px;

	line-height: 24px;

}

.spt .item_spt:nth-child(even) {

	color: #fff;

}

.spt .item_spt:nth-child(even) {

	background: #ed1d25;

}

.form-contact .col-inner {

	padding: 35px 15px 0;

    background: #fff;

    margin-bottom: 35px;

    border: 1px solid #eee;

}

.testimonial-box  {


    text-align: center;

    margin: 20px 0;

    padding: 20px 12px;

}

.testimonial-text {

    font-style: normal;

}

.testimonial-text h3 {

    margin: 13px 0;

    line-height: 24px;

    font-size: 18px;

    font-weight: 700;

    padding: 0px;

}



.testimonial-text p {

    color: #343E47;

    margin-bottom: 7px;

    font-size: 14px;

}

.home-tesimonials .testimonial-text {
  letter-spacing: 0.01em;
  font-size: 14px;
  font-style: normal !important;
  width: 80%;
  margin: 0 auto;
  position: relative;
  text-align: justify; }
  .home-tesimonials .testimonial-text:before {
    content: "";
    background: url("images/quote.png") no-repeat;
    height: 32px;
    width: 36px;
    display: block;
    position: absolute;
    left: -56px; }
  .home-tesimonials .testimonial-text:after {
    content: "";
    background: url("images/quote.png") no-repeat;
    height: 32px;
    width: 36px;
    display: block;
    position: absolute;
    right: -56px;
    bottom: 0;
    transform: rotate(180deg); }
.home-tesimonials .testimonial-meta {
  text-align: center; }
.home-tesimonials .testimonial-name {
  font-size: 24px;
  font-weight: 700;
  color: #be1e2d;
  display: block; }
.home-tesimonials .testimonial-name-divider {
  display: none; }

.tesimonials-slide .flickity-page-dots {
  bottom: -30px; }
  .tesimonials-slide .flickity-page-dots .dot {
    border-width: 1px;
    border-color: #be1e2d; }
    .tesimonials-slide .flickity-page-dots .dot.is-selected {
      background-color: #be1e2d; }
.home-services {

}
/* News css */

.category  .page-wrapper {

    padding-top: 0px;

    

}

.category  .page-wrapper .archive-page-header {

 margin-bottom: 30px;   

}

.blog-archive .box-blog-post .box-text-inner {

    position: relative;



    z-index: 3;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}




.blog-archive .box-blog-post h5.post-title {

    font-size: 16px;

    margin-bottom: 5px;

}
.blog-archive .box-blog-post .post-meta {
    font-size: 15px;
    color: #555;
}
.blog-archive .box-blog-post:hover h5.post-title  {
    color: #ed1e25;
}



/*@media (min-width: 769px) {

    .blog-archive .box-blog-post .box-text-inner {

        margin-left: -46px;

        margin-top: 12px;

    }

}*/

.box-blog-post .post-categories {

    position: absolute;

    top: 30px;

    left: 0;

    padding: 6px 0;

    list-style: none;

    margin: 0;

    z-index: 2;

    background: rgba(1, 27, 58, 0.85); 

}

.box-blog-post .post-categories li {   margin-bottom: 2px; }

.box-blog-post .post-categories li:last-child {    margin-left: 0; }

.box-blog-post .post-categories span {

    display: block;

    padding: 0 8px;

    font-size: 12px;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    line-height: 1; 

}

.box-blog-post .entry-meta {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none; 

}

.box-blog-post .entry-meta li {

    display: inline;

    margin-right: 5px;

    font-size: 13px;

    color: #999;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease; 

}

.box-blog-post .entry-meta li:last-child { margin-right: 0; }

.box-blog-post .entry-meta a { color: inherit; }

.box-blog-post .entry-meta .fa {   margin-right: 9px; }

.box-blog-post .entry-details:hover {background: #ed1d25; }

.box-blog-post .entry-details:hover .entry-title,

.box-blog-post .entry-details:hover .entry-summary,

.box-blog-post .entry-details:hover .entry-summary p,

.box-blog-post .entry-details:hover .entry-meta li { 

    color: #fff; 

}

.blog-single .entry-header {

    margin-bottom: 0px;

}

.blog-single .entry-date {

    position: relative;

    float: left;

    width: 100px;

    height: 94px;

    padding-top: 21px;

    border: 4px solid #ed1d25;

border-radius: 4px;

text-align: center;

}

.blog-single .entry-date:before {

    content: "";

    position: absolute;

    top: -9px;

    left: 16px;

    width: 4px;

    height: 14px;

    border-radius: 2px;

    background: #ed1d25;

}

.blog-single .entry-date:after {

    content: "";

    position: absolute;

    top: -9px;

    right: 16px;

    width: 4px;

    height: 14px;

    border-radius: 2px;

    background: #ed1d25;

}

.blog-single .entry-date-day {

    margin-bottom: 13px;

    font-size: 48px;

    color: #343e47;

    line-height: 22px;

}

.blog-single .entry-date-month {

    font-size: 12px;

    color: #343e47;

    line-height: 22px;

}

.blog-single .entry-header-heading {

    overflow: hidden;

    padding-left: 30px;

}

.blog-single .entry-title {

    line-height: 44px;

    margin-top: 0px;

    margin-bottom: 6px;

    font-size: 30px;

}

.blog-single .entry-meta {

    list-style: none;

    padding: 0 0 7px;

    margin-bottom: 0;

    font-size: 0;

    border-bottom: 1px solid #dfdfdf;

}

.blog-single .entry-meta > li {

    float: left;

    margin-right: 15px;

    font-size: 13px;

    color: #ed1d25;

    margin-bottom: 10px;

}
.blog-single .related-title {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  color: #223f63;
  position: relative; }

.blog-single .related-post li {
  margin-left: 15px;
  list-style: none; }
  .blog-single .related-post li > a {
    font-size: 15px;
    color: #222222;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline; }
  .blog-single .related-post li:before {
    content: "\2022";
    color: #287999;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }


.post-sidebar .widget-area span.widget-title {
  font-size: 20px;
  color: #ed1e25;
  padding: 10px 14px;
  display: block;
  padding-top: 25px; }
.post-sidebar .widget-area .is-divider {
  background-color: #F25EA3;
  margin-left: 17px; }
.post-sidebar .widget-area .widget {
  background-color: #f7f7f9;
  box-shadow: 0px 3px 10px 0px rgba(58, 58, 58, 0.1); }
.post-sidebar .widget-area .tagcloud {
  padding: 0 15px; }
  .post-sidebar .widget-area .tagcloud a {
    font-size: 13px;
    font-weight: 700;
    color: #111;
    opacity: 1;
    border: 1px solid #b0b0b0; }
    .post-sidebar .widget-area .tagcloud a:hover {
      color: #fff; }
.post-sidebar .widget-area ul li {
  border-left: 2px solid transparent; }
  .post-sidebar .widget-area ul li a {
    color: #111;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 16px; }
  .post-sidebar .widget-area ul li.current-menu-item, .post-sidebar .widget-area ul li:hover, .post-sidebar .widget-area ul li.current-cat {
    background-color: #fff;
    border-left: 2px solid #0487D9; }
    .post-sidebar .widget-area ul li.current-menu-item a, .post-sidebar .widget-area ul li:hover a, .post-sidebar .widget-area ul li.current-cat a {
      color: #0487D9; }

      
/* Đơn hàng css */
.box-custom-product {
    background: #fff;
    padding: 15px;
        position: relative;    width: 100%;
}
.box-custom-product li {
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    min-height: 31px;
}
.box-custom-product li i{
    color: #000;
    font-size: 17px;
    min-width: 25px;
 }
.box-custom-product .wpcf7-submit {
    display: block;
    width: 100%;
}
.box-custom-product.custombox i {
    position: absolute;
    left: 15px;
    top: 30px;

    font-size: 50px;
        color: #06306c;
 }
.nav-pagination-box {
  text-align: center;
  display: block;
  width: 100%; }

.nav-pagination > li > a, .nav-pagination > li > span {
  border: 1px solid #ccc;
  line-height: 33px; }
.nav-pagination > li.active > a, .nav-pagination > li.active > span, .nav-pagination > li:hover > a, .nav-pagination > li:hover > span {
  background-color: #ed1e25;
  color: #fff; }
/*	Footer css */
/*
.footer-1 {

    padding-top: 40px;

}

.footer-1 .footer-infor-ct {

	font-size:30px;

	position:absolute;

	margin-top: -4px;

}

.footer-1  .footer-infor-2 h3, 

.footer-1  .footer-infor-3 h3, 

.footer-1  .footer-infor-4 h3 {

	padding-left: 44px;

}

.footer-1  .footer-infor-2 h3 a, 

.footer-1 .footer-infor-3 h3 a, 

.footer-1  .footer-infor-4 h3 a {

	color: #ffffff;font-size: 20px;

}

.footer-1  .footer-infor-2 h3 a:hover, 

.footer-1  .footer-infor-3 h3 a:hover, 

.footer-1  .footer-infor-4 h3 a:hover {

	color: #ed1d25;

}

.footer-1  .footer-infor-ct i {

	color: #ed1d25;

}

.footer-1 .row {

	border-bottom: 1px solid #ebebeb;

}*/

/*@media (min-width: 769px) {

	.footer-2 .row > div:first-child {

		max-width: 75%;

	    -ms-flex-preferred-size: 75%;

	    flex-basis: 75%;

	} 

	.footer-2 .row > div:nth-child(2) {

		max-width: 25%;

	    -ms-flex-preferred-size: 25%;

	    flex-basis: 25%;

	}

}*/
.footer-2  {
    padding-top: 50px;
}
.footer-2  span.widget-title {

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 20px;

    display: block;
    font-size: 19px;
    text-transform: uppercase;
}



.footer-2 .footer-icon {

	font-size:16px;

	position:absolute;

	color:#ffffff!important;

}

.footer-2 .footer-icon i {

	color: #fff;

}

.footer-2  p {


	margin-bottom: 0px;

}

.footer-2 .title-contact {

    font-size: 14px;

    padding-left: 29px;

    color: #fff;

    text-transform: none;

    opacity: 1;

    padding-top: 6px;



}



.absolute-footer .copyright-footer {

    color: #343e47;

    font-size:15px;

    padding-top: 12px;

}

.absolute-footer .copyright-footer strong,



.absolute-footer .copyright-footer a {

    color: #ed1d25;

}

.follow-icons .button.icon.circle {

    padding-left: 0;

    padding-right: 0;

    background: #2c2f3c;

    width: 28px;

    height: 28px;

    line-height: 32px;

    border: none;

    font-size: 13px;

    text-align: center;

    color: #fff;

    margin-right: 7px;

    overflow: hidden;

    border-radius: 0px;

}

/* Custom css */

.white-popup-block { background: #FFF;  text-align: left; max-width: 602px; margin: 0px auto; position: relative; }



.modal-header {    color: #fff;

    font-size: 28px;

    border-bottom: 1px solid #e5e5e5;

    padding: 6px;

    padding-top: 14px; }



.modal-header h3 {     text-align: center;

    font-size: 18px;

    font-weight: 500; }



.modal-header .modal-close { background: #fff !important; color: #000; mix-blend-mode: unset; opacity: 1; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); border-radius: 79%; text-align: center; position: absolute; top: -14px !important; right: -15px; height: 34px; width: 34px; line-height: 31px; font-size: 21px; }



.modal-header .modal-close svg { width: 23px; height: 23px; }



.modal-1 { background: #eeeeee; padding: 15px 25px; }



.modal-1 p { font-size: 20px; color: #000; font-weight: 700; }



.modal-2 { padding: 15px 0; padding-bottom: 0px; color: #000; font-weight: 700; font-size: 16px; }

.modal-2 .col {

    padding-bottom: 10px;

}



.modal-2 .limit-text { overflow: hidden; padding: 0; line-height: 22px; color: rgba(0, 0, 0, 0.6); font-size: 16px; font-weight: 400; margin-bottom: 10px; }

.actionToolbar_mobile {

    position: fixed;bottom: 0;left: 0; right: 0;margin: 0 auto;z-index: 999;

    height:45px;width: 100%;border-top: 1px solid #e7e7e7;background: #fff; padding:5px 10px;

}

.actionToolbar_mobile  ul.actionToolbar_listing{

    margin:0;

    display: -webkit-flex;display: -moz-flex;display: flex;

    -webkit-justify-content: space-between;justify-content: space-between;

    -webkit-align-items: center;align-items: center;

}

.actionToolbar_mobile  ul.actionToolbar_listing li{width: 20%;float: left;}

.actionToolbar_mobile  ul.actionToolbar_listing li a {display: block;color: #696969;font-size: 12px;text-align: center;position: relative;}

.actionToolbar_mobile  ul.actionToolbar_listing li a svg {fill: #696969;width: 35px;height: 35px;   display: inline-block;vertical-align: middle;}

.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {margin-top: -25px;display: inline-block;vertical-align: top;}

.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a svg{width:44px;height:44px;}

.visible-xs {

    display: none!important;

}

@media (max-width: 480px) {

    .hotline-phone-ring-wrap {

        display: none;

    }

}

@media (max-width: 767px) {

    .visible-xs {

        display: block!important;

    }

}