/*home video gallery section Start*/
#webcommander-page .home-video-gallery .article-title {
display:none;
}
#webcommander-page .home-video-gallery .owl-carousel {
max-width: 1400px;
margin: 0 auto;
padding-bottom: 100px;
}
#webcommander-page .home-video-gallery figure {
margin: 0;
height: 100%;
}
#webcommander-page .home-video-gallery .article-item{
margin: 0 10px;
}
#webcommander-page .home-video-gallery .video-box{
position:relative;
height:308px;
}
#webcommander-page .home-video-gallery .video-box img{
width:100%;
height:100%;
object-fit:cover;
border-radius:20px;
}
#webcommander-page .home-video-gallery .video-box .video-button {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: flex;
z-index:1;
}
#webcommander-page .home-video-gallery .video-box .video-button a {
width: 43px;
height: 43px;
background: var(--bk-btn-fill, url(/template/097c5ce4/images/play-btn-new.svg) no-repeat) !important;
display: inline-block;
cursor: pointer;
}
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-theme .owl-controls .owl-nav [class*=owl-],
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-theme .owl-controls .owl-nav [class*=owl-],
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-theme .owl-controls .owl-nav [class*=owl-] {
margin: 5px 6px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-nav,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-nav {
position:relative;
margin-top: 30px;
}
#webcommander-page .home-video-gallery.explore-gallery-section .owl-nav {
text-align: left;
}
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-controls .owl-next,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-controls .owl-next {
font-size: 0;
width:37px;
height: 37px;
border-radius: 30px;
background: rgba(10, 52, 166, 0.06) url("../images/scrole-arrow-product1.svg") no-repeat center;
border:0px solid var(--bk-color-surface, #FFFFFF)
}
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-controls .owl-prev{
transform:rotate(-180deg)
}
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-controls .owl-next,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-controls .owl-next{
background:rgba(10, 52, 166, 0.06) url("../images/scrole-arrow-product1.svg") no-repeat center;
}
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-controls .owl-prev:hover,
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-controls .owl-next:hover,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-controls .owl-prev:hover,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-controls .owl-next:hover {
background:var(--bk-color-primary, #00A1C6) url("../images/scrole-arrow-product1-hover.svg") no-repeat center;
}
#webcommander-page .home-video-gallery.explore-gallery-section {
overflow-x: hidden;
max-width: 1920px;
margin: 0 auto;
}
#webcommander-page .home-video-gallery.explore-gallery-section .owl-carousel {
max-width: 1400px;
padding-bottom: 120px;
margin-left: auto !important;
margin-right: -284px;
padding-top: 144px;
}
/* Figma has 34px between highlight cards (431px card in a 1400/3 = 466.7 slot);
the shared .home-video-gallery rule uses 10px. Scoped so Latest Videos keeps
its own spacing. Reverted below 1920 together with the widths above. */
#webcommander-page .home-video-gallery.explore-gallery-section .article-item {
margin: 0 17px;
}
#webcommander-page .widget-html.explore-latest-highlights {
position: relative;
max-width: 49%;
display: flex;
justify-content: right;
}
#webcommander-page .widget-html.explore-latest-highlights h2{
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 52px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content {
max-width: 513px;
position: absolute;
top: 119px;
z-index: 1;
left: 260px;
right: auto;
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content p{
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 28px);
letter-spacing: var(--bk-p-letter-spacing, 0);
margin: 0 0 34px 0;
padding: 0;
max-width:380px;
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content a {
font-family: var(--bk-link-font-family, var(--bk-font-base, 'Manrope'));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 16px);
line-height: 22px;
background: var(--bk-color-primary, #00A1C6);
color: #FFFFFF;
border: 1px solid var(--bk-color-primary, #00A1C6);
text-decoration: none;
border-radius: 100px;
padding: 6px 32px;
height: 37px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content a::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: 8px 13px;
width: 8px;
height: 13px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content a:hover {
background: var(--bk-color-secondary, #000);
color: #fff;
border: 1px solid var(--bk-color-secondary, #000);
}
#webcommander-page .widget-html.our-skilled-professionals-title h2{
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
text-align: center;
color:var(--bk-h2-color, var(--bk-color-ink, #000000));
margin:0 0 35px 0;
padding:0;
}
#webcommander-page .our-professional-gallery .article-content figure{
margin:0;
padding:0;
height:290px;
border-radius:20px;
}
#webcommander-page .our-professional-gallery .article-content img{
width:100%;
height:100%;
object-fit:cover;
border-radius:20px;
}
#webcommander-page .our-professional-gallery .owl-carousel {
max-width: 1400px;
margin: 0 auto;
padding-bottom: 270px;
}
#webcommander-page .our-professional-gallery .article-title {
display: none;
}
#webcommander-page .our-professional-gallery .article-item{
margin: 0 10px;
border-radius:20px;
text-align:center;
}
#webcommander-page .our-professional-gallery .article-item h4{
font-family: var(--bk-h4-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h4-weight, 700);
font-size: var(--bk-h4-size, 22px);
line-height: var(--bk-h4-line-height, 34px);
letter-spacing: var(--bk-h4-letter-spacing, -0.16px);
text-align: center;
color: var(--bk-h4-color, var(--bk-color-ink, #000));
margin: 9px 0 0 0;
padding: 0;
}
#webcommander-page .our-professional-gallery .article-item p{
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 14px);
line-height: var(--bk-p-line-height, 32px);
letter-spacing: var(--bk-p-letter-spacing, 0);
text-align: center;
margin:0;
padding:0;
color:color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
/* ===========================================================================
Figma-match — LevelUp #3 Club, frame 41-415, measured at its native 1920px.
Placed mid-file on purpose: a block appended to the end of this file, and any
edit to the page's snippet CSS, are both reverted when the page is published
from the Editor. In-place/mid-file rules here have survived that.
Scoped .page-home, and overriding the snippet rules on specificity, so the
snippet files stay untouched.
=========================================================================== */
/* -- Hero: Figma H1 is 85px/93px (cap height 64px; "Remain The Same" inks 704px,
which 85px/w800/-0.03em reproduces). The copy block needs 880px because the
live headline's first line is 864px at that size and wrapped to three lines
at 721px, where the Figma hero is two. min-width gate keeps the existing
1024/767 ramp in the snippet intact. */
@media (min-width: 1701px) {
#webcommander-page.page-home .train-insane-area .train-insane-content {
width: 880px;
}
}
/* Figma reads features-left / heading-right; the markup order is the reverse.
Flipped visually only — the DOM order is untouched, so the wrapped stacking at
<=991px (one column per line) is unchanged. Verified at 768 and 375. */
#webcommander-page.page-home .sports-education-area .sports-education-container {
flex-direction: row-reverse;
}
#webcommander-page.page-home .sports-education-container .sports-education-col .sports-education-info-box {
margin-bottom: 72px;
}
/* ============================================================================
Conditional Product Title / Price alignment
----------------------------------------------------------------------------
Driven automatically by which optional card elements the widget renders:
Description .summary
Parent Name .parent-name
Reviews .review-rating-wrapper
Stock .in-stock / .out-of-stock
Variations .widget-variation-product-list
ANY of them present -> title + price LEFT
none present -> title + price CENTER (title + price only)
A disabled setting omits its element from the markup, so the parent query below
tracks the widget's settings with no JS. The condition sits on the widget, not the
card, so all cards in one widget agree - Variations only render for products that
have variations, which per-card would leave a ragged mix of alignments.
The condition is scoped through .block-content-wrap deliberately: the hidden
tabular view also carries .summary / .parent-name / .in-stock, and an unscoped
query would latch onto that and wrongly force LEFT.
Note .price-waper is flex-direction:row-reverse, so its main-axis start is the
RIGHT edge - visual left alignment needs justify-content:flex-end, not flex-start.
Card-grid views only. List and tabular views are inherently left aligned.
============================================================================ */
/* --- default: title + price only -> CENTER --- */
.widget-product .product-view.image-view .product-block .block-content-wrap .product-name,
.widget-product .product-view.image-view .product-block .block-content-wrap .product-name a.product-name-link,
.widget-product .product-view.scrollable-view .product-block .block-content-wrap .product-name,
.widget-product .product-view.scrollable-view .product-block .block-content-wrap .product-name a.product-name-link {
text-align: center;
}
.widget-product .product-view.image-view .product-block .block-content-wrap > .price-waper,
.widget-product .product-view.scrollable-view .product-block .block-content-wrap > .price-waper {
justify-content: center;
text-align: center;
flex-direction: row-reverse;
}
/* --- any optional element rendered -> LEFT --- */
.widget-product:has(.block-content-wrap .summary, .block-content-wrap .parent-name, .block-content-wrap .review-rating-wrapper, .block-content-wrap .in-stock, .block-content-wrap .out-of-stock, .block-content-wrap .widget-variation-product-list) .product-view.image-view .product-block .block-content-wrap .product-name,
.widget-product:has(.block-content-wrap .summary, .block-content-wrap .parent-name, .block-content-wrap .review-rating-wrapper, .block-content-wrap .in-stock, .block-content-wrap .out-of-stock, .block-content-wrap .widget-variation-product-list) .product-view.image-view .product-block .block-content-wrap .product-name a.product-name-link,
.widget-product:has(.block-content-wrap .summary, .block-content-wrap .parent-name, .block-content-wrap .review-rating-wrapper, .block-content-wrap .in-stock, .block-content-wrap .out-of-stock, .block-content-wrap .widget-variation-product-list) .product-view.scrollable-view .product-block .block-content-wrap .product-name,
.widget-product:has(.block-content-wrap .summary, .block-content-wrap .parent-name, .block-content-wrap .review-rating-wrapper, .block-content-wrap .in-stock, .block-content-wrap .out-of-stock, .block-content-wrap .widget-variation-product-list) .product-view.scrollable-view .product-block .block-content-wrap .product-name a.product-name-link {
text-align: left;
}
.widget-product:has(.block-content-wrap .summary, .block-content-wrap .parent-name, .block-content-wrap .review-rating-wrapper, .block-content-wrap .in-stock, .block-content-wrap .out-of-stock, .block-content-wrap .widget-variation-product-list) .product-view.image-view .product-block .block-content-wrap > .price-waper,
.widget-product:has(.block-content-wrap .summary, .block-content-wrap .parent-name, .block-content-wrap .review-rating-wrapper, .block-content-wrap .in-stock, .block-content-wrap .out-of-stock, .block-content-wrap .widget-variation-product-list) .product-view.scrollable-view .product-block .block-content-wrap > .price-waper {
justify-content: flex-end;
text-align: left;
}
/* -- FAQ: Figma rules sit BELOW each question. The platform also draws one above
the first row, which reads as a stray line under the section heading. */
#webcommander-page.page-home .widget-tabAccordion .accordion-panel > .label-bar:first-child {
border-top: none;
}
/*review css Start arrow button*/
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-controls .owl-next {
font-size: 0;
width:37px;
height: 37px;
border-radius: 30px;
background:color-mix(in srgb, var(--bk-color-surface, #ffffff) 70%, transparent) url("../images/scrole-arrow-product1.svg") no-repeat center;
border:0px solid var(--bk-color-surface, #FFFFFF)
}
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-controls .owl-prev{
transform:rotate(-180deg)
}
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-controls .owl-next{
background:color-mix(in srgb, var(--bk-color-surface, #ffffff) 70%, transparent) url("../images/scrole-arrow-product1.svg") no-repeat center;
}
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-controls .owl-prev:hover,
#webcommander-page .owlCarousel.widget.widget-gallery.review .owl-controls .owl-next:hover {
background:var(--bk-color-primary, #00A1C6) url("../images/scrole-arrow-product1-hover.svg") no-repeat center;
}
/*review css end arrow button*/
/* site popup design */
.wc-site-popup.popup.anim-fade-zoom {
left: 50%;
top: 50%;
transform: scale(0.8) translate(-50%, -50%);
transform-origin: 0 0;
z-index:99999;
padding: 0;
gap: 40px;
}
.wc-site-popup.popup.anim-fade-zoom.active {
transform: scale(1) translate(-50%, -50%);
max-width: 70%;
}
.wc-site-popup.popup {
border: 0;
background: none;
box-shadow: none;
border-radius: 0;
}
.wc-site-popup.popup .header {
height: 1px;
padding: 0;
background: none;
border: none;
position: relative;
}
.wc-site-popup.popup .header .popup-title {
display: none;
}
.wc-site-popup.popup .content {
padding:0;
background-color: var(--bk-color-surface, #ffffff);
border-radius: 8px;
}
.wc-site-popup.popup .content figure{
padding:0;
margin:0;
}
.wc-site-popup.popup .content {
padding:20px;
margin:0;
}
.popup-mask {
background-color: color-mix(in srgb, var(--bk-color-secondary, #000000) 70%, transparent);
}
.wc-site-popup.popup .close-icon {
right: 5px;
top: 10px;
cursor: pointer;
text-align: center;
position: absolute;
height: 35px;
width: 35px;
line-height: 32px;
border-radius: 50%;
box-shadow: 0 0 0px rgba(0,0,0,.8)!important;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
.wc-site-popup.popup .close-icon::after {
color: #fff;
content: "\f00d";
font-size: 22px !important;
line-height: 38px;
font: normal normal normal 14px / 1 FontAwesome;
line-height: 25px;
}
.popup-video video{
width: 100%;
margin: 0 auto;
object-fit: cover;
}
/*home video gallery section end*/
/*home Gallery start */
#webcommander-page .widget-gallery.cat-slider .article-title {
display: none;
}
#webcommander-page .widget-gallery.cat-slider .article-content {
position: relative;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box {
max-width: 430px;
position: absolute;
top: 56%;
left: 28%;
transform: translate(-50%, -50%);
}
#webcommander-page .widget-gallery.cat-slider .category-content-box h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 600);
font-size: var(--bk-h6-size, 18.5px);
line-height: var(--bk-h6-line-height, 26px);
letter-spacing: var(--bk-h6-letter-spacing, 0px);
margin: 0;
padding: 0;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h3-weight, 400);
font-size: var(--bk-h3-size, 48px);
line-height: var(--bk-h3-line-height, 61px);
letter-spacing: var(--bk-h3-letter-spacing, 0.01px);
margin: 20px 0 0px 0;
padding: 0;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 14px);
font-weight: var(--bk-link-font-weight, bold);
line-height: 28px;
padding: 13px 48px 13px;
letter-spacing: var(--bk-link-font-letter-spacing, 0);
transform: none;
min-width: 158px;
text-transform: var(--bk-link-font-transform, capitalize);
border-radius: 30px;
color: #fff;
background: #282e2c;
display: inline-block;
margin-top: 52px;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box a:hover {
background-color: #c47766;
}
#webcommander-page .widget-gallery.cat-slider .owl-carousel .owl-item img {
border-radius: 20px;
}
#webcommander-page .widget-gallery.cat-slider .article-content figure {
margin: 0;
}
#webcommander-page .widget-gallery.cat-slider {
margin-top: 120px;
margin-bottom: 0;
}
#webcommander-page .widget-gallery.cat-slider .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
/*margin-left: -225px;*/
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls {
position: absolute;
width: 100%;
top: 48%;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-nav {
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-next {
font-size: 0;
width: 50px;
height: 50px;
border-radius: 30px;
background: transparent url("../images/scrole-arrow-product.svg") no-repeat
center;
border: 0.79px solid var(--bk-color-surface, #ffffff);
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-prev {
transform: rotate(-180deg);
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-prev {
float: left;
margin-left: -30px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-next {
float: right;
margin-right: -30px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-prev,
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-next {
background: var(--bk-color-surface, #fff) url("../images/scrole-arrow-product.svg") no-repeat center;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-prev:hover,
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-next:hover {
background: var(--bk-color-surface, #fff) url("../images/scrole-arrow-product.svg") no-repeat center;
}
/*home gallery end*/
/* +++++++++++++++ Contact Us Page ++++++++++++++++ */
.widget.widget-snippet .contact-help-support-section {
margin-top: 50px;
}
#webcommander-page.page-contact-us .widget-html.widget-pageHeading h1 {
margin: 0 auto 25px;
}
#webcommander-page.page-contact-us .widget-html.widget-pageHeading p {
max-width: 500px;
margin: 0 auto;
text-align: center;
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 14.5px);
line-height: var(--bk-p-line-height, 23px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
text-align: center;
margin: 0 auto 75px;
}
#webcommander-page.page-contact-us .custom-form .form-row.text.form-head p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 17px);
line-height: var(--bk-p-line-height, 31px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
}
#webcommander-page.page-contact-us .custom-form {
background: transparent;
padding: 5px 0;
border-radius: 20px;
}
#webcommander-page.page-contact-us .custom-form .form-row label {
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
color: var(--bk-color-ink, #000);
}
#webcommander-page .contact_form .form-row.btn-row {
display: inline-block;
width: 100%;
vertical-align: top;
}
#webcommander-page .contact_form .form-row input[type="text"]:focus,
#webcommander-page .contact_form .form-row textarea:focus {
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.widget-form .double-input-row,
.widget-form .triple-input-row,
.widget-form .contact_form .double-input-row,
#webcommander-page .contact_form .custom-form .single-input-row {
margin: 0 -12px;
}
#webcommander-page .contact_form .custom-form .form-row {
padding: 0 12px;
}
#webcommander-page .widget.widget-form.contact_form .form-row,
#webcommander-page .widget.widget-form.contact_form .single-input-row .form-row {
margin: 12px 0;
}
#webcommander-page .widget.widget-form.contact_form .custom-form .single-input-row .textArea {
margin-top: 14px;
}
#webcommander-page .contact_form .custom-form .form-row.btn-row label {
display: none;
}
#webcommander-page .custom-form .contact_form .errorlist {
min-width: inherit;
padding-left: 0;
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"] {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 50%, transparent);
font-size: 14px;
line-height: 28px;
margin: 0;
width: 100%;
font-family: var(--bk-font-base, "GT Walsheim Pro"), sans-serif;
font-weight: 400;
padding: 10px;
height: 44px;
border: 0;
border: 1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 6%, transparent);
background: #fbfbfb;
}
#webcommander-page .contact_form .custom-form .form-row textarea {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 50%, transparent);
font-size: 14px;
line-height: 22px;
margin: 0;
width: 100%;
font-family: var(--bk-font-base, "GT Walsheim Pro"), sans-serif;
font-weight: 400;
padding: 10px;
height: 180px;
border: 0;
border: 1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 6%, transparent);
font-family: var(--bk-font-base, Manrope);
line-height: 28px;
letter-spacing: 1%;
background: #fbfbfb;
}
#webcommander-page .contact_form
.custom-form
.form-row
input[type="text"]::-webkit-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"]::-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"]:-ms-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"]:-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea::-webkit-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea::-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea:-ms-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea:-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row.btn-row {
padding: 0;
text-align: left;
}
.widget-form .form-row.btn-row .submit-button {
height: 50px;
transition: all 300msease-out 0s;
padding: var(--bk-btn-pad, 10px 28px 10px 10px);
margin: 0;
text-transform: var(--bk-btn-font-transform, capitalize);
max-width: 215px;
border-radius: var(--bk-btn-radius, 30px);
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-text, #fff);
border-color: var(--bk-btn-border-color, #c47766);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
text-align: center;
letter-spacing: var(--bk-btn-font-letter-spacing, 0.01em);
position: relative;
}
.widget-form .form-row.btn-row .submit-button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
border-color: var(--bk-btn-hover-border-color, var(--bk-btn-border-color, var(--bk-color-secondary, #000)));
}
.widget-form .form-row.btn-row .submit-button::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: 11px 24px;
width: 8px;
height: 15px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
position: absolute;
top: 52%;
transform: translateY(-50%);
margin-left: 6px;
}
.widget-form .form-row.btn-row .submit-button[disabled]::after{
background-image: url('data:image/svg+xml,');
}
.message-block.info-message,
.message-block.success {
font-size: 15px;
padding: 7px;
}
#webcommander-page .widget-form.contact_form .custom-form {
margin-bottom: 40px;
max-width: 708px;
padding-left: 50px;
}
#webcommander-page .widget.widget-form.contact_form .widget-title {
max-width: 708px;
padding-left: 50px;
margin-top: 30px;
font-family: var(--bk-font-heading, Manrope);
font-weight: var(--bk-h1-weight, 700);
font-size: var(--bk-h1-size, 58px);
line-height: var(--bk-h1-line-height, 32.68px);
letter-spacing: var(--bk-h1-letter-spacing, -2px);
}
#webcommander-page .contact_form textarea.validation-error {
background-color: transparent;
border: 0 !important;
border: 1px solid #f00 !important;
}
#webcommander-page .widget.widget-googleMap {
padding: 0 !important;
margin-top: 80px;
}
.fee-widget-product-image-view .product-view.image-view .block-content-wrap>.price-waper, .fee-widget-product-scroll-view .product-view.image-view .block-content-wrap>.price-waper, .product-view.image-view .block-content-wrap>.price-waper {
min-height: auto;
}
/* The .explore-gallery-section widths/offsets above are set to the Figma
frame's native 1920px. Below that, restore the previous hand-tuned values —
a 1400px carousel bled -284px would collide with the copy block between
~1700 and 1900. Placed before the @1700 block so that block still wins. */
@media (max-width: 1919px) {
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .owl-carousel {
max-width: 1200px;
margin-right: -170px;
}
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .article-item {
margin: 0 10px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
left: auto;
right: 140px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
left: 50px;
right: auto;
}
}
@media (max-width: 1700px) {
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
max-width: 513px;
position: absolute;
top: 80px;
left: 130px;
z-index: 1;
}
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .owl-carousel {
margin-right: -264px;
}
}
@media (max-width: 1599px) {
.main_menu .navigation-item a {
padding:12px 10px 24px;
}
.header .widget.main_menu::before {
left: -25px;
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a {
padding:8px 28px 10px 14px;
margin-left: 10px;
}
#webcommander-page .widget.widget-navigation.menu-right .nav-wrapper.horizontal {
text-align: right;
}
div.widget.widget-blogPost .widget-title {
margin: 10px 10px 40px;
}
.widget-blogPost .blog-post-content {
/*margin: 0;*/
}
}
@media (max-width: 1500px) {
#webcommander-page.responsive .book-session-area {
padding: 0px 0 115px;
}
#webcommander-page.responsive .point-table-section {
padding: 229px 30px 117px 30px;
margin-top: -135px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 70px;
line-height: 84px;
}
#webcommander-page.responsive .sports-education-area {
padding: 108px 0 0px;
}
#webcommander-page.responsive .daily-rugby-area {
padding: 54px 0 113px;
}
#webcommander-page.responsive .daily-sports-gallery-area {
padding: 0 0 106px;
}
#webcommander-page.responsive .home-brand-slider {
padding: 0 0 106px;
}
#webcommander-page.responsive .train-insane-area {
padding: 253px 0 148px;
}
#webcommander-page.responsive .widget-blogPost.blog-home {
padding-top: 80px;
}
#webcommander-page.responsive .widget.widget-product.outdoor-furnitures {
margin: 18px auto 0;
padding: 50px 0;
}
#webcommander-page .widget.widget-html.view-all-button.cat-button {
padding-bottom: 115px;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2,
#webcommander-page.responsive .point-table-section h2,
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title,
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2,
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2,
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title,
#webcommander-page.responsive .widget-tabAccordion .widget-title,
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .program-area {
padding: 100px 0 116px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
left: 52px;
}
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .owl-carousel {
padding-top: 112px;
}
#webcommander-page.responsive .program-area {
padding: 80px 0 116px;
}
#webcommander-page.responsive .page-404-section {
padding: 148px 0 148px;
}
#webcommander-page.responsive .page-404-section h1 {
font-size: 56px;
margin: 0 0 24px;
}
#webcommander-page.responsive .blog-post-details {
padding: 0px 0px 112px 0px;
}
#webcommander-page.responsive .about-banner-section .ab-content {
padding: 85px 30px 90px;
}
#webcommander-page.responsive .our-principals-section {
padding: 98px 30px 60px;
}
#webcommander-page.responsive .about-review-top .about-rcontent {
padding: 104px 0 281px;
}
#webcommander-page.responsive .our-principals-section h2 {
font-size: 45px;
margin: 0 0 52px;
}
#webcommander-page.responsive .about-banner-section h1 {
font-size: 55px;
line-height: 70px;
margin: 0 0 17px;
}
#webcommander-page.responsive .about-main-content h2 {
font-size: 45px;
line-height: 56px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
padding: 90px 0 10px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 45px;
line-height: 60px;
padding: 0 0 40px;
}
#webcommander-page.responsive.product-view.image-view .product-name,
#webcommander-page.responsive .product-view.scrollable-view .product-name {
min-height: 45px;
max-height: 45px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title {
padding-top: 100px;
margin-bottom: 10px;
}
#webcommander-page.responsive .contact-help-support-section {
padding: 100px 15px;
}
#webcommander-page.responsive .widget-form.contact_form .custom-form {
margin-bottom: 0px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title h2,
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 45px;
}
div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 52px;
line-height: 74px;
}
div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 38px;
line-height: 52px;
}
div.jssor-slider-container .container .jssor-caption-3 > a::after {
top: 29px;
}
.widget.widget-snippet .wc-snippet-top-feature .item .text-box a {
min-height: 100px;
}
#webcommander-page.responsive .home-tabslider {
padding: 40px 0 30px 0 !important;
}
#webcommander-page.responsive section.site-information {
padding: 128px 0;
}
#webcommander-page.responsive .widget.widget-product.outdoor-furnitures.gardening {
padding-bottom: 120px;
}
#webcommander-page.responsive .review-top .rcontent .main-content {
max-width: 514px;
margin-left: auto;
margin-right: 102px;
}
#webcommander-page.responsive .review-top .rcontent {
padding: 102px 0 285px;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-top-section .blog-post-content {
padding-bottom: 136px;
}
.scroll-left,
.scroll-right {
width: 70px;
}
.scroll-left {
left: -86px;
}
.scroll-right {
right: -86px;
}
#webcommander-page .widget.widget-product.recommended-slider .scroll-right {
right: -116px;
}
.widget.widget-snippet .wc-snippet-expreance {
padding: 50px 0 80px 0;
margin-top: 0;
}
.widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 35px;
}
.widget.widget-snippet .wc-snippet-shop-by-category {
padding: 45px 0;
}
.widget.widget-snippet .wc-snippet-about {
padding: 90px 0 0;
}
.widget.widget-snippet .wc-snippet-title-style-center {
margin: 72px auto 82px;
}
#webcommander-page .recommended-slider .scrollable-view {
max-width: 1180px;
position: relative;
overflow: unset;
}
#webcommander-page .wc-lorem-ipsum .image-wrapper img {
height: auto;
}
.widget.widget-snippet .wc-lorem-ipsum .bg-wrapper {
clip-path: polygon(0 0, 100% 0px, 64% 93%, 0% 93%);
height: 585px;
padding-left: 35px;
}
.widget.widget-snippet .about-area {
padding: 0 10px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section {
max-width: 1388px;
}
#webcommander-page .widget-navigation.user-nav .nav-wrapper.vertical.show {
width: 250px;
}
.widget-navigation .nav-profile-not-logged-in {
padding-top: 8px;
}
.widget-navigation .nav-profile-not-logged-in .nav-customer-qa,
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item a {
font-size: 14px;
}
#webcommander-page .widget.widget-product.outdoor-furnitures .product-view {
padding: 0 15px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 1380px;
}
#webcommander-page .home-tabslider .product-view.scrollable-view .content,
#webcommander-page .recommended-slider .product-view.scrollable-view .content {
padding: 0 15px 25px;
}
#webcommander-page.responsive .widget.widget-category.details-cat {
padding: 100px 0 120px;
}
#webcommander-page.responsive .excellence-collide {
padding: 100px 0 0;
}
#webcommander-page.responsive .excellence-collide .excellence-video {
margin: -207px auto 272px;
bottom: -181px;
}
#webcommander-page .home-video-gallery.explore-gallery-section .owl-carousel {
max-width: 1050px;
padding-bottom: 120px;
}
}
@media (max-width: 1400px) {
#webcommander-page.responsive .product-widget.widget-productImage {
margin-right: 20px;
margin-left: 30px;
}
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .owl-carousel {
margin-right: -290px;
}
#webcommander-page #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 {
padding-right: 30px !important;
}
#webcommander-page.responsive .body > .widget-container {
width: auto !important;
}
.widget-container > .page-content > .v-split-container > .v-split {
margin: auto;
width: auto;
}
div.body > .body-section > .widget-container {
width: auto;
}
body > div.body {
padding: 0;
overflow: hidden;
}
.widget-snippet .snippet-copyright-develop .copyright p {
padding: 0;
}
div.jssor-slider-container .container [u="caption"] {
left: 2.5%;
}
div.jssor-slider-container .container .jssor-caption-3 > a::after {
top: 33px;
height: 3px;
}
.widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 32px;
}
#webcommander-page .widget.widget-product.recommended-slider .scroll-right {
right: -90px;
}
.widget.widget-snippet .wc-lorem-ipsum .bg-wrapper {
height: 540px;
clip-path: polygon(0 0, 100% 0px, 64% 94%, 0% 94%);
padding-left: 25px;
}
.widget.widget-snippet .wc-lorem-ipsum .image-wrapper {
clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 2% 100%);
}
.widget.widget-snippet .wc-lorem-ipsum .description-style {
margin: 20px 0 0;
}
.widget.widget-snippet .about-area {
padding: 0 30px;
}
.widget.widget-snippet .wc-lorem-ipsum .title-wrapper {
margin: 50px 0;
}
#webcommander-page .advance-checkout-steps-left-dom {
padding: 45px 35px 70px 35px;
}
#webcommander-page .advance-checkout-order-details-right-dom {
padding: 75px 35px 70px 70px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 1366px;
}
#webcommander-page .widget-navigation.user-nav .nav-wrapper.vertical.show {
width: 180px;
}
.widget-navigation
.nav-profile-not-logged-in
.nav-profile-suggestion-wrapper {
flex-direction: column;
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item a {
text-align: center;
}
.widget.widget-snippet .cta-footer {
padding-left: 30px;
padding-right: 30px;
}
.widget.widget-snippet .cta-footer .cta-main h2 {
font-size: 32px;
line-height: 48px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 1310px;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-top-section .blog-post-content {
max-width: 96%;
margin: 0 auto;
}
#webcommander-page.responsive .contact-us-sidebar {
margin-right: 30px;
}
#webcommander-page.responsive .widget-form.contact_form .custom-form {
margin-bottom: 0px;
margin-left: 15px;
}
#webcommander-page .widget-gallery.cat-slider {
max-width: 90%;
margin: 90px auto 0px;
}
div.body > .body-section .widget-container.no-fixed-container, #webcommander-page .widget.widget-breadcrumb {
padding-left: 30px;
padding-right: 35px;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image {
max-width: 305px;
max-height: 305px;
}
.main_menu .navigation-item a {
padding: 12px 9px 24px;
}
#webcommander-page .widget.widget-image.header-logo {
max-width: 135px;
padding:5px 0 0;
}
.header .widget.main_menu {
margin-left: -30px;
}
.main_menu .navigation-item a {
padding:12px 9px 24px;
letter-spacing: var(--bk-link-font-letter-spacing, -0.01em);
}
div.widget-productImage .image-preview-box {
max-width: 500px;
margin-right: 15px;
}
#webcommander-page .widget.widget-breadcrumb {
padding: 30px 30px 30px;
}
#webcommander-page div.widget-productReviewRatting .main-container {
grid-column-gap: 80px;
padding: 0 30px;
}
}
@media (max-width: 1300px) {
#webcommander-page.responsive .train-insane-area {
padding: 203px 80px 138px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
left: 15px;
}
#webcommander-page.responsive .contact-us-sidebar {
margin-left: 44px;
margin-right: 30px;
}
#webcommander-page.responsive .widget-form.contact_form .custom-form {
margin-bottom: 0px;
margin-left: 15px;
}
#webcommander-page.responsive .page-contact-us .widget-html.widget-pageHeading p {
margin: 0 auto 48px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 1250px;
}
div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 50px;
}
#webcommander-page.responsive section.site-information {
padding: 100px 0;
}
#webcommander-page.responsive .review-top .rcontent .main-content {
max-width: 495px;
margin-left: auto;
margin-right: 66px;
}
div.jssor-slider-container .container .jssor-caption-3 > a::after {
top: 35px;
}
.widget.widget-snippet .wc-snippet-top-feature .item .text-box a {
min-height: 85px;
}
#webcommander-page .widget.widget-html.tab-products-title {
padding-top: 90px;
}
#webcommander-page .widget.widget-html.tab-products-title h2,
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 35px;
}
.scroll-left {
left: -76px;
}
.scroll-right {
right: -76px;
}
#webcommander-page .home-tabslider {
padding: 25px 0 80px 0;
}
.widget.widget-snippet .wc-snippet-expreance .col-md-6 {
padding: 10px;
}
#webcommander-page .widget.widget-product.recommended-slider .scroll-right {
right: -76px;
}
.widget.widget-snippet .wc-snippet-shop-by-category {
padding: 35px 0;
}
.widget.widget-snippet .wc-lorem-ipsum .title-wrapper h2 {
font-size: 45px;
}
.widget.widget-snippet .wc-lorem-ipsum .bg-wrapper {
height: 490px;
clip-path: polygon(0 0, 100% 0px, 68% 90%, 0% 90%);
}
.widget.widget-snippet
.wc-snippet-shop-by-category
.col-md-3.col-sm-6
.bg-wrapper {
padding: 35px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .col-md-3.col-sm-6 {
padding: 10px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .name {
font-size: 23px;
margin-top: 5px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .container {
padding-left: 35px;
padding-right: 35px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left {
width: 45%;
left: 15px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.right {
width: 55%;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .third {
right: 75px;
}
.widget.widget-snippet .wc-snippet-about {
padding: 80px 0 0;
}
.widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 36px;
}
.widget.widget-snippet .wc-snippet-title-style-center {
margin: 62px auto 72px;
}
.widget.widget-snippet .about-area {
margin: 80px auto 60px;
}
.widget.widget-snippet .about-area .content .right-part::before {
left: -45px;
height: 440px;
clip-path: polygon(0 0, 100% 0, 24% 100%, 0% 100%);
}
.widget.widget-snippet .cta-footer .cta-main .btn-cta {
width: 350px;
}
.image-view .product-view-height-width .image,
.scrollable-view .product-view-height-width .image {
max-height: 215px;
}
#webcommander-page.responsive .review-top .rcontent .main-content {
max-width: 645px;
margin-right: 30px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 1200px;
padding: 100px 55px 80px 365px !important;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
position: absolute;
left: 70px;
font-size: 40px;
line-height: 45px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first {
width: 600px !important;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first
.post.post-list-view-height {
max-width: 600px !important;
max-height: 70%;
}
#webcommander-page .widget-gallery.cat-slider {
max-width: 90%;
margin: 70px auto 0;
}
.main_menu .navigation-item a {
padding: 12px 15px 22px;
}
.widget-navigation.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item:first-child::before {
left: 29%;
margin-left: -8px;
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content p{
max-width: 300px;
}
/* === main_menu =====*/
.main_menu .horizontal {
background: var(--bk-color-secondary, #000);
padding: 10px 0;
border-top: 1px solid #343434;
}
.main_menu .horizontal > .navigation-item {
display: block;
}
.main_menu .horizontal .navigation-item a {
color: #fff;
display: block;
margin: 0;
padding: 16px 20px;
}
.main_menu .horizontal > .navigation-item.first a {
padding-left: 20px;
}
.widget-navigation.main_menu .navigation-item a:hover,
.widget-navigation.main_menu .navigation-item.active > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: var(--bk-color-accent, #ffcb54);
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item
> a:hover,
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item.active
> a,
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item.active
> a:hover {
color: var(--bk-link-color, #222222);
}
.main_menu .horizontal .navigation-item a:hover {
box-shadow: none;
}
.main_menu .horizontal .navigation-item {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
line-height: 24px;
padding: 0;
text-align: left;
}
.main_menu .horizontal .navigation-item .navigation-item-child-container {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
box-shadow: none;
display: none;
opacity: 1;
padding: 0 30px;
position: static;
transform: none;
visibility: visible;
width: 100%;
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item-child-container {
padding: 5px 0 0;
position: static;
box-shadow: none;
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item.has-child
> a::after {
display: none;
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item
a {
border-bottom: medium none;
font-size: var(--bk-link-font-size, 15px);
padding: 7px 0;
font-weight: var(--bk-link-font-weight, 500);
}
.main_menu .horizontal .navigation-item a:hover {
box-shadow: none;
}
.main_menu .horizontal > .has-child > a span::after {
border-color: var(--bk-color-surface, #fff) transparent transparent;
border-style: solid;
border-width: 4px 4px 0;
content: "";
height: 0;
margin-left: 3px;
vertical-align: middle;
width: 0;
display: none;
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item
a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #fff;
}
.widget-navigation.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item
.active
> a,
.widget-navigation.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item
a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: var(--bk-color-ink, #000);
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 0;
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item.has-child
> a
span {
position: relative;
}
.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item.has-child
> a
span::after {
border-color: var(--bk-color-surface, #fff) transparent transparent;
border-style: solid;
border-width: 4px 4px 0;
content: "";
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
}
.widget-navigation .menu-button em {
background-color: var(--bk-color-secondary, #000000);
}
#webcommander-page.page-home .widget-navigation .menu-button em {
background-color: var(--bk-color-surface, #ffffff);
}
#webcommander-page .menu-button.responsive-menu-btn.close em {
margin: 6px 0 5px 6px;
}
#webcommander-page .menu-button.responsive-menu-btn::selection {
background: none;
}
#webcommander-page .menu-button.responsive-menu-btn::-moz-selection {
background: none;
}
.widget-navigation .nav-wrapper.show {
height: auto;
left: auto;
position: absolute;
right: 0;
top: 87px;
width: 100vw;
z-index: 9;
}
.responsive-navigation .navigation-item.has-child .child-opener {
height: auto;
top: 0;
width: auto;
}
.main_menu
.horizontal
.navigation-item:hover
.navigation-item-child-container {
background: var(--bk-color-accent, #ffcb54);
}
#webcommander-page .main-menu-wi .horizontal .navigation-item a {
color: #ffffff;
padding: 5px 15px;
}
.responsive-navigation .navigation-item.has-child .child-opener::before {
font-size: 24px;
line-height: 40px;
}
.responsive-navigation .navigation-item.has-child .child-opener::before {
content: "\f107";
}
.responsive-navigation
.navigation-item.has-child
.child-opener.close::before {
content: "\f106";
}
.widget-navigation.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item:first-child::before {
content: none;
}
/* === End_main_menu =====*/
}
/* +++++++++++++++++++++++++++++++++++++++++++++++ md device +++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 1200px) {
#webcommander-page .owlCarousel.widget.widget-gallery.our-professional-gallery .owl-nav,
#webcommander-page .owlCarousel.widget.widget-gallery.home-video-gallery .owl-nav {
text-align: center;
}
.product-widget.widget-addCart .add-to-cart-button, .product-widget.widget-addCart .buy-now-button.button.et_pdp_buy_now {
max-width: 43%;
}
.widget.widget-snippet .about-top-banner-section {
background-size: cover;
}
#webcommander-page.responsive .widget-snippet .contact-us-info {
margin-left: 15px;
}
#webcommander-page.responsive .widget-form.contact_form .custom-form {
padding-left: 20px;
}
#webcommander-page.responsive .contact-us-info .contact-area {
padding: 200px 30px 36px 30px;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
max-width: 708px;
padding-left: 20px;
margin-top: 0;
}
#webcommander-page .widget.widget-image.footer-payment .widget-title {
display:none;
}
#webcommander-page.responsive .point-table-container {
overflow-x: auto;
}
#webcommander-page.responsive .point-table-container .point-table-box{
width: 1300px;
}
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .owl-carousel {
margin-right: 0;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
max-width: 513px;
position: relative;
top: 52px;
margin: 0 auto;
text-align: center;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content p {
margin: 0 0 34px 0;
padding: 0;
max-width:100%;
}
#webcommander-page.responsive .program-area {
padding: 18px 0 90px;
}
#webcommander-page.responsive .excellence-collide {
padding: 65px 0 0;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content {
overflow: unset;
padding-left: 90px;
max-width: 490px;
}
#webcommander-page.responsive .latest-match-content {
padding: 77px 15px 93px;
width: 621px;
max-width: 100%;
margin-top: 91px;
margin-bottom: -69px;
z-index: 1;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-stage-outer {
max-width: 485px;
margin: 0 0 0 auto;
}
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .owl-carousel {
margin-left: inherit!important;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2,
#webcommander-page.responsive .point-table-section h2,
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title,
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2,
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2,
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title,
#webcommander-page.responsive .widget-tabAccordion .widget-title,
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 58px;
line-height: 76px;
max-width: 500px;
}
#webcommander-page.responsive .sports-education-area {
padding: 88px 0 0px;
}
#webcommander-page.responsive .daily-rugby-area {
padding: 100px 0 100px;
}
#webcommander-page.responsive .daily-sports-gallery-area {
padding: 0 0 48px;
}
#webcommander-page.responsive .home-brand-slider {
padding: 0 0 80px;
}
#webcommander-page.responsive .point-table-section {
padding: 211px 15px 101px 15px;
margin-top: -135px;
}
#webcommander-page.responsive .point-table-section {
padding: 229px 15px 117px 15px;
margin-top: -135px;
}
#webcommander-page.responsive .widget-blogPost.blog-home {
padding-top: 65px;
}
#webcommander-page.responsive .home-video-gallery .article-item {
margin: 0 5px;
}
#webcommander-page.responsive .widget-gallery.cat-slider .category-content-box h3 {
font-size: 37px;
line-height: 46px;
letter-spacing: 0.01px;
margin: 20px 0 0px 0;
padding: 0;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.cat-slider
.owl-controls
.owl-prev {
float: left;
margin-left: -22px;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.cat-slider
.owl-controls
.owl-next {
float: right;
margin-right: -22px;
}
#webcommander-page.responsive .widget-gallery.cat-slider {
margin-top: 75px;
margin-bottom: 0;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box {
max-width: 332px;
position: absolute;
top: 50%;
left: 22%;
transform: translate(-50%, -50%);
}
#webcommander-page.responsive .page-404-section {
padding: 100px 0 100px;
}
#webcommander-page.responsive .page-404-section img {
margin: 0 auto 31px;
width: 100px;
}
#webcommander-page.responsive
.product-widget.widget-productReviewRatting.product-review-details-widget {
padding: 84px 20px 70px;
}
#webcommander-page.responsive .product-widget.widget-productImage {
margin-right: 20px;
margin-left: 20px;
display: block;
}
.widget-productImage.multi-image-scroll-vertical-view .multi-image-scroll-wrapper {
max-width: 100%;
position: relative;
}
.widget-productImage.multi-image-scroll-vertical-view .multi-image-scroll-wrapper .image-thumb-container {
max-height: 100%;
display: flex;
flex-wrap: wrap;
max-width: 100%;
}
#webcommander-page #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 {
padding-right: 20px !important;
}
#webcommander-page.responsive .widget.widget-category.details-cat {
padding: 80px 0 80px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
padding: 0 0 0px;
}
#webcommander-page .widget.widget-breadcrumb {
overflow-x: auto;
white-space: nowrap;
}
#webcommander-page.responsive .blog-post-details {
padding: 0px 50px 112px 0px;
}
#webcommander-page.responsive .blog-post-details .title {
font-size: 38px;
}
#webcommander-page .page-categories .widget.widget-product {
margin: 20px 0 45px;
}
#webcommander-page .page-categories .widget.widget-category .category-view.image-view {
padding: 80px 0 5px;
margin-bottom: 70px;
}
#webcommander-page .page-categories .widget.widget-category .category-view.image-view {
padding: 40px 0 100px;
}
#webcommander-page.responsive .widget-blogPost .blog-post-content {
display: flex;
margin: 0 5px;
padding: 0px 0 50px;
}
div.widget.widget-blogPost .widget-title{
margin: 0 15px 10px;
}
#webcommander-page.page-home.responsive .widget-blogPost .blog-post-content {
padding: 0px 0 20px;
}
div.body .widget.widget-breadcrumb {
padding: 35px 15px 25px;
}
#webcommander-page.responsive .home-video-gallery .owl-carousel {
padding-bottom:70px;
}
#webcommander-page.responsive .blog-post-item {
min-height: 365px;
width: calc(100% / 3 - 20px);
margin: 0 10px 40px;
}
#webcommander-page.responsive .widget.widget-product.outdoor-furnitures {
margin: 88px auto 0;
padding: 25px 0;
}
#webcommander-page.responsive .book-session-area {
padding: 0px 0 98px;
}
#webcommander-page.responsive .our-professional-gallery .owl-carousel {
padding-bottom: 80px;
}
#webcommander-page .widget-gallery.review + .widget.widget-image {
margin: 0 auto 16px;
}
#webcommander-page.responsive .page-content .blog-post-item .post-description .title a {
font-size: var(--bk-link-font-size, 17px);
line-height: 27px;
}
#webcommander-page.responsive .about-banner-section .main-content {
max-width: 744px;
margin-left: 98px;
margin-right: auto;
}
#webcommander-page.responsive .our-principals-section .grid-box {
grid-gap: 60px;
margin-bottom: 70px;
}
#webcommander-page.responsive .our-principals-section {
padding: 98px 20px 36px;
}
#webcommander-page.responsive .widget.widget-tabAccordion.details-faq h2.widget-title,
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 45px;
line-height: 60px;
padding: 0 0 40px;
}
#webcommander-page.responsive .about-banner-section .ab-content {
padding: 80px 20px 80px;
}
#webcommander-page.responsive .accordion-panel {
padding: 2px 0 90px;
max-width: 920px;
margin: 0 auto;
}
#webcommander-page.responsive .about-review-top .about-rcontent .about-main-content {
margin-right: 50px;
}
#webcommander-page.responsive .about-review-top .about-rcontent {
padding: 100px 0 238px;
}
#webcommander-page.responsive .contact-help-support-section {
padding: 75px 20px 100px;
}
#webcommander-page.responsive.page-contact-us .widget-html.widget-pageHeading p {
margin: 0 auto 36px;
}
.category-view.image-view .content {
gap: 13px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title {
padding-top: 80px;
margin-bottom: 40px;
}
.widget-container > .page-content > .v-split-container > .v-split {
margin: auto;
width: auto;
}
div.body > .body-section > .widget-container {
width: auto;
}
/* ====== Header ======= */
.main_menu .navigation-item a {
padding: 0 35px 0 0;
}
.widget-navigation.main_menu
.horizontal
.navigation-item
.navigation-item-child-container
.navigation-item:first-child::before {
left: 32%;
margin-left: -5px;
}
/* ====== Body ======= */
#webcommander-page .widget.widget-html.newsletter-text {
max-width: 300px;
}
.widget.widget-newsletter {
width: 300px;
}
.widget-snippet .snippet-copyright-develop .copyright p {
padding: 0 20px;
}
.widget.widget-snippet .wc-snippet-top-feature .item .text-box a {
min-height: 70px;
}
#webcommander-page .widget.widget-html.tab-products-title h2,
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 30px;
}
#webcommander-page .widget.widget-html.tab-products-title {
padding-top: 78px;
}
#webcommander-page .home-tabslider {
padding: 20px 0 60px 0;
}
#webcommander-page .home-tabslider .header {
height: 35px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title h2,
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 40px;
}
.image-view .product-view-height-width .image,
.scrollable-view .product-view-height-width .image {
margin: 0 auto;
}
.widget > .widget-title {
font-size: 40px;
}
#webcommander-page.responsive .home-tabslider {
padding: 0 !important;
}
#webcommander-page.responsive .product-view.image-view .content {
margin: 0 -10px;
}
.scroll-left,
.scroll-right {
width: 60px;
height: 36px;
}
.scroll-left {
left: -68px;
}
.scroll-right {
right: -68px;
}
#webcommander-page .widget.widget-product.recommended-slider .scroll-right {
right: -68px;
}
.widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 25px;
}
.widget.widget-snippet .wc-snippet-expreance .text-box .title {
font-size: 25px;
}
.widget.widget-snippet .wc-snippet-expreance .text-box {
left: 55px;
}
div.jssor-slider-container .container [u="caption"] {
left: 2%;
}
.widget.widget-snippet .wc-snippet-expreance .container {
padding-left: 30px;
padding-right: 30px;
}
.widget.widget-snippet .wc-snippet-expreance {
padding: 50px 0 70px 0;
}
.widget.widget-snippet .wc-snippet-eceryday .text-box {
top: 16%;
}
.widget.widget-snippet .wc-snippet-eceryday .title-wrapper h2 {
font-size: 34px;
}
#webcommander-page.page-home .product-view.image-view .product-block .btn-add .add-to-wish-list,
#webcommander-page.page-home
.product-view.scrollable-view
.product-block
.btn-add
.add-to-wish-list {
margin-left: 8px;
}
.widget.widget-snippet .wc-snippet-eceryday {
padding-left: 20px;
padding-right: 20px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .name {
font-size: 20px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 23px;
}
.widget.widget-snippet
.wc-snippet-shop-by-category
.col-md-3.col-sm-6
.bg-wrapper {
padding: 30px 25px;
}
.widget.widget-snippet
.wc-snippet-shop-by-category
.nav-wrapper
.navigation-item.active
a,
.widget.widget-snippet
.wc-snippet-shop-by-category
.nav-wrapper
.navigation-item
a:hover {
font-size: 15px;
}
.widget.widget-snippet
.wc-snippet-shop-by-category
.nav-wrapper
.navigation-item
a {
letter-spacing: 0.15em;
}
.widget.widget-snippet
.wc-snippet-shop-by-category
.nav-wrapper
.navigation-item {
padding: 0 0 8px 0;
}
.widget.widget-snippet .wc-lorem-ipsum .title-wrapper h2 {
font-size: 38px;
}
.widget.widget-snippet .wc-lorem-ipsum .bg-wrapper {
height: 320px;
clip-path: polygon(0 0, 100% 0px, 77% 100%, 0% 100%);
width: 800px;
}
.widget.widget-snippet .wc-lorem-ipsum .image-wrapper {
margin-left: -15px;
}
.widget.widget-snippet .wc-lorem-ipsum .title-wrapper {
margin: 40px 0 0;
}
.widget.widget-snippet .wc-lorem-ipsum .description-style {
max-width: 370px;
}
.widget.widget-snippet .wc-lorem-ipsum {
padding-left: 20px;
padding-right: 20px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .title-wrapper {
margin-bottom: 12px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left {
left: 5px;
}
.widget.widget-snippet .wc-snippet-about .title-wrapper h2 {
font-size: 30px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left {
width: 40%;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.right {
width: 60%;
padding: 0 15px 0 0;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .first {
height: 270px;
top: 45px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .sceand {
height: 220px;
top: 307px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .third {
right: 48px;
height: 220px;
top: 150px;
}
.widget.widget-snippet .wc-snippet-about p {
margin: 0;
padding: 0 0 10px 0;
}
.widget.widget-snippet .wc-snippet-about .title-wrapper {
margin-bottom: 15px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .container {
padding-left: 25px;
padding-right: 25px;
}
.widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 30px;
}
.widget.widget-snippet .wc-snippet-shop-by-category {
padding: 30px 0 60px 0;
}
.widget.widget-snippet .wc-snippet-about {
padding: 60px 0 0;
}
.widget.widget-snippet .wc-snippet-title-style-center {
margin: 55px auto 60px;
max-width: 700px;
padding: 0 20px;
}
.widget.widget-snippet .about-area {
padding: 0 20px;
}
.widget.widget-snippet .about-area .content .left-part h2 {
font-size: 32px;
line-height: 42px;
margin: 5px 0 20px 0;
}
.widget.widget-snippet .about-area .content .right-part::before {
left: -32px;
height: 430px;
clip-path: polygon(0 0, 100% 0, 20% 100%, 0% 100%);
width: 110px;
}
.widget-snippet .about-area .content .left-part {
padding: 0 80px 20px 0;
}
.widget.widget-snippet .about-area {
margin: 70px auto 50px;
}
.widget.widget-navigation .nav-wrapper.show {
background: #282e2c;
top: 25px;
height: fit-content;
padding: 0 5px 20px;
}
.nav-wrapper.responsive-navigation .navigation-item {
background: transparent;
padding: 12px 20px;
}
.widget-navigation.main_menu .menu-button {
position: absolute;
left: 180px;
top: -22px;
}
.widget.widget-snippet .cta-footer .cta-main .btn-cta {
width: 380px;
margin: 40px 0 0 30px;
}
.widget.widget-snippet .cta-footer .cta-main h2 {
font-size: 27px;
line-height: 42px;
}
#webcommander-page.responsive .review-top .rcontent .main-content {
max-width: 615px;
margin-right: 25px;
}
#webcommander-page.responsive .review-top .rcontent {
padding: 80px 0 230px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 950px;
padding: 60px 60px 60px 300px !important;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
left: 30px;
font-size: 32px;
line-height: 42px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first {
width: 450px !important;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first
.post.post-list-view-height {
max-width: 450px !important;
max-height: 52%;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .post.post-list-view-height {
max-width: 145px;
margin-right: 20px;
}
#webcommander-page .home-tabslider
.product-view.scrollable-view
.header
.scroller
.scroll-right {
right: 5%;
}
#webcommander-page .home-tabslider .product-view.scrollable-view .header .scroller .scroll-left {
left: 5%;
}
body > .footer .vertical .navigation-item a{
line-height: 25px;
}
.product-widget.widget-productName .product-name {
font-size: 32px;
line-height: 42px;
}
div.body > .body-section .widget-container.no-fixed-container, #webcommander-page .widget.widget-breadcrumb {
padding-left: 15px;
padding-right: 25px;
}
.widget-productImage.multi-image-scroll-vertical-view .product-detail-width {
min-height: auto;
}
#webcommander-page .widget-html.explore-latest-highlights {
max-width: 100%;
}
.widget-form {
width: 94%;
}
#webcommander-page .home-video-gallery.explore-gallery-section {
padding: 0 10px;
}
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title{
margin: 10px 0 40px;
}
}
/* +++++++++++++++++++++++++++++++++++++++++++++++ sm device +++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 991px) {
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title{
margin: 0 0 25px;
}
#webcommander-page .widget.widget-category .widget-title {
font-size: 42px;
line-height: 40px;
}
.page-product .l-fixed-container, .page-product .r-fixed-container {
display: block;
padding: 0 15px;
}
#webcommander-page.responsive #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2, div.widget-productImage .image-preview-box{
width: 100% !important;
flex: 0 0 100%;
max-width: 100%;
margin: 0;
}
#webcommander-page.responsive .product-widget.widget-productImage {
margin-right: 0;
margin-left: 0;
}
#webcommander-page.responsive .train-insane-area {
padding: 170px 0 110px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 48px;
line-height: 68px;
max-width: 500px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content p {
margin: 0 0 38px;
}
#webcommander-page.responsive .sports-education-area {
padding: 54px 0 0px;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2,
#webcommander-page.responsive .point-table-section h2,
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title,
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2,
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2,
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title,
#webcommander-page.responsive .widget-tabAccordion .widget-title,
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .daily-rugby-area h2 {
font-size: 33px;
line-height:55px;
text-align: center;
letter-spacing: -0.02em;
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
margin: 0 0 30px;
}
#webcommander-page.responsive .daily-rugby-area {
padding: 80px 0 90px;
}
#webcommander-page.responsive .latest-match-content {
margin: 29px auto -69px;
z-index: 1;
}
#webcommander-page.responsive .point-table-section {
padding: 203px 15px 86px 15px;
margin-top: -135px;
}
#webcommander-page.responsive .page-404-section {
padding: 90px 0 90px;
}
#webcommander-page.responsive .page-404-section img {
margin: 0 auto 30px;
width: 100px;
}
#webcommander-page .page-404-section .btn-back {
margin: 28px auto 0;
}
#webcommander-page.responsive .page-404-section h1 {
font-size: 48px;
margin: 0 0 24px;
}
#webcommander-page .product-widget.widget-productReviewRatting.product-review-details-widget {
padding: 65px 0 50px;
margin: 0 auto;
}
.product
.widget.widget-category
.category-view.image-view
.content.category-content {
margin-top: 20px;
margin-bottom: 10px;
}
.product-widget.widget-productName .product-name {
font-size: 32px;
line-height: 44px;
}
#webcommander-page .product-widget.widget-price .current-price-container .current-price {
font-size: 34px;
line-height: 24.29px;
}
#webcommander-page.responsive .payment-box {
margin: 0px;
max-width: 100%;
margin-left: 0;
margin-top: 10px;
}
#webcommander-page.responsive .blog-post-details {
padding: 0px 40px 80px 0px;
}
#webcommander-page .page-categories .widget.widget-category .category-view.image-view {
padding: 10px 0 5px;
}
#webcommander-page.responsive .widget-blogPost .blog-post-content {
display: flex;
margin: 0 ;
padding: 0px 10px 50px;
}
#webcommander-page.responsive .about-banner-section .main-content {
margin-left: 15px;
margin-right: auto;
}
#webcommander-page.responsive .about-banner-section .main-content {
margin-left: 0;
margin-right: auto;
padding: 0 20px;
}
#webcommander-page.responsive .our-principals-section {
padding: 70px 20px 25px;
}
#webcommander-page.responsive .our-principals-section h2 {
font-size: 45px;
margin: 0 0 38px;
}
#webcommander-page.responsive .our-principals-section .grid-box {
grid-gap: 50px;
margin-bottom: 70px;
}
#webcommander-page.responsive .about-review-top .about-rcontent {
padding: 75px 0 90px;
}
#webcommander-page.responsive .about-main-content h2 {
font-size: 38px;
line-height: 50px;
}
#webcommander-page.responsive .widget.widget-tabAccordion.details-faq h2.widget-title,
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 38px;
line-height: 41px;
padding: 64px 0 0px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 38px;
line-height: 41px;
padding: 70px 0 0px;
}
#webcommander-page.responsive .widget.widget-category.details-cat {
padding: 66px 0 56px;
}
#webcommander-page.responsive .category-view.image-view .content {
gap: 13px 15px;
}
#webcommander-page.responsive .accordion-panel {
padding: 50px 15px 70px;
}
#webcommander-page.responsive .about-banner-section h1 {
font-size: 44px;
line-height: 60px;
margin: 0 0 17px;
}
#webcommander-page.responsive .about-banner-section .ab-content {
padding: 60px 0 52px;
}
#webcommander-page.responsive.page-contact-us .custom-form {
padding: 0;
}
#webcommander-page.responsive .contact-us-sidebar {
margin-left: 25px;
margin-right: 15px;
}
#webcommander-page.responsive .contact_form .custom-form .form-row textarea {
height: 120px;
}
#webcommander-page.responsive.page-contact-us .widget-html.widget-pageHeading p {
margin: 0 auto 40px;
}
#webcommander-page.responsive .widget.widget-pageHeading {
padding: 58px 0 10px;
}
#webcommander-page.responsive .contact-help-support-section .gridbox .griditem {
gap: 27px;
align-items: flex-start;
padding: 41px 25px 31px 22px;
}
#webcommander-page.responsive .contact-help-support-section .gridbox {
display: grid;
gap: 20px;
}
#webcommander-page.responsive .contact-help-support-section .top-contact-content + .gridbox {
margin-top: 65px;
}
#webcommander-page.responsive .widget-snippet .contact-us-info {
min-height: 485px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-items {
flex-wrap: nowrap;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box {
padding: 20px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box .content h3 {
font-size: 20px;
line-height: 30px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box {
min-height: 200px;
}
/* ====== Header ======= */
#webcommander-page .widget-navigation.user-nav .nav-wrapper.vertical.show {
left: 65%;
transform: translateX(-15%);
}
#webcommander-page .widget-navigation.user-nav .nav-wrapper.vertical.show::before {
left: 10%;
}
/* ====== Body ======= */
/* ====== Footer ======= */
.widget-newsletter input[type="text"] {
font-size: 16px;
padding: 5px 60px 5px 15px;
}
#webcommander-page .home-tabslider {
max-width: 100%;
margin: 0 0px;
padding: 18px 0 50px 0;
}
#webcommander-page.responsive.page-home .product-view.scrollable-view .product-block {
margin: 0 5px 0px;
}
#webcommander-page.responsive .home-tabslider .bmui-tab .bmui-tab-header-container {
margin: 20px auto 70px;
}
#webcommander-page.responsive .widget.widget-product.recommended-slider {
max-width: 100%;
margin: 0 20px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title.one h2 {
padding-left: 0;
}
#webcommander-page.responsive .widget.widget-html.view-all-button .html-widget-element-content p {
margin: -0px auto 0;
text-align: center;
padding-top: 25px;
}
#webcommander-page.responsive .widget.widget-html.view-all-button.cat-button {
padding-bottom: 70px;
}
#webcommander-page.responsive .our-professional-gallery .article-item {
margin: 0 5px;
}
#webcommander-page.responsive .latest-match-content .latest-match-area-top h2 {
font-size: 35px;
line-height: 51px;
margin: 0 0 21px;
}
#webcommander-page.responsive .program-box .program-content h3 {
font-size: 35px;
line-height: 50px;
margin: 0 0 10px;
}
#webcommander-page.responsive .widget-gallery.review {
padding: 80px 25px 70px;
}
#webcommander-page.responsive .widget-gallery.review + .widget.widget-image {
margin: 0 auto 0px;
text-align: center;
display: none;
}
#webcommander-page .book-session-area .book-session-right .book-session-content h3 {
margin: 0 0 54px;
font-size: 25px;
line-height: 38px;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-controls {
text-align: center;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-stage-outer {
max-width: 100%;
margin: 0 0 0 auto;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content {
overflow: unset;
padding-left:118px;
max-width: 100%;
}
#webcommander-page .widget-gallery.review + .widget.widget-image img {
margin-top: 0;
}
#webcommander-page.responsive section.site-information .main-area .items .item-content h3 {
font-size: 20px;
line-height: 25px;
}
#webcommander-page.responsive section.site-information {
padding: 70px 0;
}
.scroll-left {
left: -55px;
}
.scroll-right {
right: -55px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-body-container {
padding: 0;
}
div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 55px;
}
div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 40px;
line-height: 55px;
}
div.jssor-slider-container .description.jssor-caption-1 {
top: 16%;
}
div.jssor-slider-container .title.jssor-caption-2 {
top: 26%;
}
div.jssor-slider-container .container .jssor-caption-2 > a {
font-size: 25px;
padding: 14px 30px;
}
div.jssor-slider-container .container .jssor-caption-3 > a {
font-size: 25px;
padding: 14px 30px;
margin-top: 0;
border: 3px solid var(--bk-color-surface, #fff);
}
div.jssor-slider-container .container .jssor-caption-3 > a::after {
width: 90px;
height: 5px;
top: 44px;
right: -45px;
}
.widget.widget-snippet .wc-snippet-top-feature .item .text-box a {
min-height: 60px;
}
div.jssor-slider-container .container [u="caption"] {
left: 2.5%;
}
#webcommander-page .widget.widget-html.tab-products-title h2,
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 25px;
}
#webcommander-page .widget.widget-html.tab-products-title {
padding-top: 60px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header,
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header.bmui-tab-active {
margin-right: 0;
}
.widget.widget-snippet .wc-snippet-expreance {
padding: 50px 0 20px 0;
}
.widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 24px;
}
.widget.widget-snippet .wc-snippet-expreance .text-box .title {
font-size: 22px;
margin-bottom: 18px;
}
.widget.widget-snippet .wc-snippet-expreance .text-box {
left: 45px;
bottom: 18%;
}
.widget.widget-snippet .wc-snippet-expreance {
margin-bottom: 30px;
}
.widget.widget-snippet .wc-snippet-eceryday .title-wrapper h2 {
font-size: 25px;
display: block;
max-width: 300px;
line-height: 35px;
}
.widget.widget-snippet .wc-snippet-eceryday .text-box .description-style {
font-size: 18px;
padding-bottom: 0;
max-width: 330px;
}
.widget.widget-snippet .wc-snippet-eceryday .text-box {
top: 12%;
}
#webcommander-page .widget.widget-html.tab-products-title {
padding-top: 55px;
}
#webcommander-page .widget.widget-product.recommended-slider .scroll-right {
right: -65px;
}
#webcommander-page.page-home .recommended-slider .scrollable-view {
max-width: 600px;
margin: 0 auto;
}
#webcommander-page .widget.widget-product.recommended-slider .scroll-left {
left: -65px;
}
.widget.widget-snippet .wc-snippet-shop-by-category .image-wrap img {
max-height: 405px;
min-height: 405px;
}
.widget.widget-snippet .wc-snippet-shop-by-category {
padding: 15px 0 0px 0;
margin: 0 0 35px 0;
}
.widget.widget-snippet .wc-snippet-shop-by-category .name {
margin-top: 15px;
padding: 0;
}
.widget.widget-snippet .wc-snippet-shop-by-category .col-md-3.col-sm-6 {
padding: 10px 10px 20px 10px;
}
.widget.widget-snippet .wc-lorem-ipsum .title-wrapper h2 {
font-size: 30px;
}
.widget.widget-snippet .wc-lorem-ipsum .description-style {
max-width: 325px;
}
.widget.widget-snippet .about-area .content {
display: block;
}
.widget.widget-snippet .about-area .content .left-part {
width: 100%;
padding: 0 0 20px 0;
}
.widget.widget-snippet .about-area .content .right-part {
width: 100%;
padding-bottom: 0;
margin-top: 15px;
}
.widget.widget-snippet .about-area .content .right-part::before {
left: 0;
height: 430px;
clip-path: polygon(0 0, 100% 0, 18% 100%, 0% 100%);
width: 170px;
}
.widget.widget-snippet .about-area {
margin: 60px auto 70px;
}
#webcommander-page .widget.widget-html.tab-products-title h2 {
margin-bottom: 15px;
}
.widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 25px;
}
.widget.widget-snippet .wc-snippet-title-style-center {
margin: 35px auto 40px;
max-width: 570px;
padding: 0 20px;
}
.widget.widget-snippet .wc-snippet-title-style-center .readmore {
margin: 25px 0 20px;
}
.widget.widget-snippet .wc-snippet-about {
padding: 45px 0 0;
}
.widget.widget-snippet .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 25px;
display: inline-block;
}
.widget.widget-snippet .wc-lorem-ipsum .title-wrapper {
margin: 5px 0 0;
}
.widget.widget-snippet .wc-lorem-ipsum .image-wrapper {
margin-left: -75px;
}
.widget.widget-snippet .wc-lorem-ipsum .image-wrapper {
clip-path: polygon(28% 0%, 100% 0%, 100% 100%, 2% 100%);
}
.widget.widget-snippet .wc-lorem-ipsum .bg-wrapper {
height: 320px;
clip-path: polygon(0 0, 100% 0px, 77% 93%, 0% 93%);
width: 800px;
}
.widget.widget-snippet .wc-lorem-ipsum .image-wrapper img {
object-position: -180px;
}
.widget-navigation.main_menu.right .nav-wrapper.horizontal {
background: transparent;
padding: 0;
border: 0;
}
.widget-navigation.main_menu.right .nav-wrapper.horizontal .navigation-item {
display: inline-block;
}
.widget-navigation.main_menu.right
.nav-wrapper.horizontal
.navigation-item
a {
padding: 12px 22px 24px;
}
body > .footer .widget-title {
padding-bottom: 10px;
}
#webcommander-page .widget.widget-navigation.footer-nav .nav-wrapper.horizontal {
text-align: left;
}
.widget.widget-snippet .cta-footer .cta-main {
flex-direction: column;
}
.widget.widget-snippet .cta-footer .cta-main .btn-cta {
margin: 20px 0 10px 0;
}
#webcommander-page .widget.widget-html.view-all-button .html-widget-element-content p a {
margin-left: 180px;
top: 0px;
}
#webcommander-page section.site-information .main-area .items .item-img {
height: 150px;
}
#webcommander-page .widget-gallery.cat-slider .owl-carousel .owl-item img {
height: 358px;
}
.widget-snippet .principal-item .principal-inner.reverse, .widget-snippet .principal-item .principal-inner {
padding-right:0;
padding-left: 0;
}
body#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 96%;
margin: 0px auto 90px;
}
#webcommander-page.responsive .book-session-area .book-session-right .book-session-content h3 {
font-size: 35px;
line-height: 46px;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box {
max-width: 332px;
position: absolute;
top: 58%;
left: 28%;
transform: translate(-50%, -50%);
}
#webcommander-page .widget-gallery.cat-slider .owl-carousel .owl-stage-outer {
margin-left: 0;
}
#webcommander-page.responsive .contact-us-sidebar {
margin-left: 44px;
margin-right: 20px;
}
#webcommander-page.responsive .widget-form.contact_form .custom-form {
margin-bottom: 0px;
margin-left: 5px;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box a {
margin-top: 22px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title h2,
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 38px;
}
.widget > .widget-title {
font-size: 38px;
}
#webcommander-page.responsive .review-top .rcontent .main-content {
max-width: 570px;
margin-left: auto;
margin-right: 20px;
}
#webcommander-page.responsive .main-content h2 {
font-size: 38px;
line-height: 40px;
}
#webcommander-page.responsive .review-top .rcontent {
background: linear-gradient(
-261.51deg,
rgba(251, 247, 240, 0) 10.11%,
rgb(251, 247, 240) 46.27%,
#f9f4f1 55.66%
);
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 1400px;
width: 100%;
margin: 0px auto 0;
padding: 74px 90px 60px 90px !important;
border-radius: 0;
}
#webcommander-page.responsive .review-top .rcontent {
padding: 102px 0 80px;
}
#webcommander-page.responsive .widget.widget-product.outdoor-furnitures.gardening {
padding-bottom: 80px;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.customer-reviews
.widget-title {
position: relative;
left: 0;
max-width: 100%;
font-size: 38px;
line-height: 33px;
letter-spacing: 1%;
text-align: center;
padding: 0 0 40px;
}
#webcommander-page .widget.widget-category .category-view.image-view .content.category-content {
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 88px;
}
.category-view.image-view .category-image-view-width a {
font-size: var(--bk-link-font-size, 15px);
line-height: 22px;
}
.category-view.image-view .content {
gap: 13px;
}
#webcommander-page .widget-html.Contact-us-page h2 {
font-size: 36px;
}
.widget.widget-snippet .wc-snippet-about .row {
display: flex;
flex-direction: row-reverse;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .sceand {
height: 150px;
top: 430px;
left: auto;
right: 80px;
width: 200px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .third {
right: 10px;
height: 250px;
top: 230px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .first {
height: 250px;
top: 45px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first {
width: 100% !important;
display: flex;
flex-direction: row;
padding-right: 0;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first
.post.post-list-view-height {
max-height: 100%;
max-width: 100% !important;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-top-section .blog-post-content {
max-width: 100%;
margin: 0 auto;
display: block;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first {
display: flex;
width: 100% !important;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first
.post.post-list-view-height {
max-height: 100%;
max-width: 215px !important;
margin-right: 20px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item {
padding: 0 0 20px 0;
}
#webcommander-page .widget.widget-blogPost.blog-top-section
.blog-post-content
.blog-post-item.first
.post.post-list-view-height {
margin-bottom: 0;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .post.post-list-view-height {
max-width: 215px;
margin-right: 20px;
max-height: auto;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-top-section .blog-post-content {
padding-bottom: 65px;
}
}
@media (max-width: 767px) {
#webcommander-page .home-video-gallery.explore-gallery-section {
padding: 0 10px 0;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-items {
flex-wrap: wrap;
}
body#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 92%;
}
body#webcommander-page.responsive .about-top-ab-content {
margin-bottom: 30px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 31px;
line-height: 41px;
max-width: 500px;
margin: 0 0 20px 0;
padding: 0;
}
body >.footer:after {
position: absolute;
width: 100%;
height: 135px !important;
content: "";
left: 0;
bottom: 0;
z-index: 0;
}
#webcommander-page.responsive .widget-form.contact_form .custom-form {
padding-left: 0;
}
#webcommander-page.responsive .train-insane-area {
padding: 170px 0 80px;
}
#webcommander-page.responsive .sports-education-area {
padding: 38px 0 0px;
}
#webcommander-page.responsive .point-table-section {
padding: 176px 15px 63px 15px;
margin-top: -135px;
}
#webcommander-page.page-home.responsive .widget-blogPost .blog-post-content {
padding: 0px 15px 20px;
}
#webcommander-page.responsive .home-video-gallery .owl-carousel {
padding: 0 15px 40px;
}
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2,
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title{
margin: 0 0 24px 0;
}
#webcommander-page.responsive .widget.widget-product.outdoor-furnitures {
margin: 54px auto 0;
padding: 25px 0;
}
#webcommander-page.responsive .widget.widget-product.outdoor-furnitures {
margin: 54px auto 0;
padding: 5px 0;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 28px;
line-height:38px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2,
#webcommander-page.responsive .point-table-section h2,
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title,
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2,
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2,
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 28px;
line-height:38px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title,
#webcommander-page.responsive .widget-tabAccordion .widget-title,
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title {
font-size: 28px;
line-height:38px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 28px;
line-height:38px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2 {
margin: 0 0 13px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col p {
line-height: 28px;
margin: 0 0 15px;
}
body#webcommander-page.responsive .widget.widget-html.view-all-button .html-widget-element-content p {
margin: 0px auto 0px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
max-width: 513px;
position: relative;
top: 52px;
margin: 0 auto;
text-align: center;
left: 0;
padding: 0 15px;
}
#webcommander-page.responsive .program-box .program-content h3 {
font-size: 26px;
line-height: 38px;
margin: -5px 0 10px;
}
#webcommander-page.responsive .program-area {
padding: 30px 0 64px;
}
#webcommander-page.responsive .excellence-collide .excellence-video {
margin: -171px auto 185px;
bottom: -131px;
}
#webcommander-page.responsive .our-professional-gallery .owl-carousel {
padding: 0px 15px 61px 15px;
}
#webcommander-page.responsive .excellence-collide {
padding: 50px 0 0;
}
#webcommander-page.responsive .latest-match-content .latest-match-area-top .info p {
font-size: 15px;
line-height: 30px;
}
#webcommander-page .widget-gallery.home-brand-slider .owl-carousel{
padding:0 15px;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content:before {
content: "";
left:15px;
background-size: 46px;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content {
overflow: unset;
padding-left: 82px;
max-width: 100%;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content h5 {
font-size: 20px;
line-height: 26px;
margin-top: 22px;
margin-bottom: 7px;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content p {
font-size: 16px;
line-height: 28px;
letter-spacing: 0%;
}
#webcommander-page.responsive .widget-gallery.review {
padding: 50px 0 60px;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-item {
padding-right: 15px;
}
#webcommander-page.responsive .daily-rugby-area h2 {
font-size: 25px;
line-height: 40px;
margin: 0 10px 20px;
}
#webcommander-page.responsive .daily-rugby-area {
padding: 60px 0 70px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box .content h3 {
font-size: 19px;
line-height: 30px;
margin: 0 0 18px;
}
#webcommander-page.responsive .daily-sports-gallery-area {
padding: 0 0 48px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box {
padding: 20px;
min-height: 146px;
}
#webcommander-page.responsive .widget.home-brand-slider-title {
text-align: center;
margin: 0 0 40px;
padding: 0 15px;
}
#webcommander-page.responsive .widget.home-brand-slider-title .html-widget-element-content {
padding: 0 15px;
}
#webcommander-page.responsive .widget-gallery .home-brand-slider .owl-carousel {
padding: 0 15px;
}
#webcommander-page.responsive .home-brand-slider {
padding: 0 0 28px;
}
#webcommander-page.responsive .latest-match-content .latest-match-area-top h2 {
font-size: 26px;
line-height: 42px;
margin: 0 0 16px;
}
#webcommander-page.responsive .latest-match-content {
padding: 40px 15px 52px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-items {
margin: 0 0 50px;
}
#webcommander-page.responsive .daily-sports-gallery-container {
gap: 10px;
}
#webcommander-page.responsive .daily-sports-gallery-item img {
border-radius: 18px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content p {
font-size: 18px;
line-height: 28px;
margin: 0 0 25px;
}
#webcommander-page.responsive .page-404-section {
padding: 70px 15px 70px;
}
#webcommander-page.responsive .page-404-section img {
margin: 0 auto 30px;
width: 80px;
}
#webcommander-page.responsive .page-404-section .btn-back {
margin: 28px auto 0;
}
#webcommander-page.responsive .page-404-section h1 {
font-size: 36px;
margin: 0 0 15px;
}
#webcommander-page.responsive .popup.image-popup-container {
left: 0px !important;
min-width: 100%;
position: fixed !important;
right: 0 !important;
}
#webcommander-page.responsive #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
margin-bottom: 5px;
}
#webcommander-page.responsive .product-widget.widget-variation {
margin-top: 0px;
}
#webcommander-page.responsive
.product-widget.widget-productReviewRatting.product-review-details-widget {
padding: 42px 15px 40px;
}
#webcommander-page div.widget-productReviewRatting .main-container {
padding: 0;
}
#webcommander-page .widget-productReviewRatting .single-review-block {
padding: 0;
}
.page-product #spltr-e16c3b44-f1c9-41b7-b3a8-09517709c7fe {
margin-top: 60px;
}
#webcommander-page #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 {
padding-right: 15px !important;
padding-left: 15px !important;
}
#webcommander-page.responsive .widget.widget-tabAccordion.details-faq h2.widget-title,
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 28px;
line-height: 40px;
padding: 51px 0 0px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 28px;
line-height: 40px;
padding: 0 0 0px;
}
#webcommander-page.responsive .widget.widget-breadcrumb {
padding-bottom: 0;
margin-bottom: 36px;
}
#webcommander-page .blog.widget.widget-navigation.categories-list {
margin-right: 0;
margin-bottom: 20px;
}
#webcommander-page.responsive .blog-post-details {
padding: 0px 0px 80px 0px;
}
#webcommander-page.responsive .blog-post-details .social-media-share-bar {
margin: 55px auto 0 0;
}
#webcommander-page.responsive .blog-post-details .title {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .blog-post-details .social-media-share-bar:after {
content: "Like this?";
top: -40px;
font-size: 23px;
}
#webcommander-page .widget.widget-navigation.categories-list.blog,
#webcommander-page .blog-posts-title {
max-width: 100%;
}
#webcommander-page div.widget.blog-posts-title.widget-blogPost {
padding: 0 0 15px;
margin: -44px 0 40px auto;
max-width: 100%;
}
#webcommander-page .page-categories .product-view.image-view .product-block {
margin: 0 5px 35px;
}
.product-view.image-view .product-block {
margin: 0 5px 35px;
}
.widget-product .header .sortable {
position: inherit;
}
.widget-product .header .sortable select#product-sorting,
.product-view .sortable select#product-sorting {
width: auto;
}
#webcommander-page.responsive.page-categories .widget > .widget-title {
font-size: 28px;
padding: 0 0px;
line-height: 39px;
margin-bottom: 20px;
}
.product-block .btn-add .add-to-cart-button {
letter-spacing: 0 !important;
font-size: 13px !important;
}
#webcommander-page .page-categories .widget.widget-product {
margin: 28px 0;
}
#webcommander-page .page-categories .widget.widget-category .category-view.image-view {
padding: 20px 0 5px;
margin-bottom: 5px;
}
#webcommander-page .page-categories .category-view.image-view .content {
gap: 60px 18px;
}
#webcommander-page .our-principals-section h3 {
font-size: 25px;
line-height: 32px;
margin: 0 0 15px;
}
#webcommander-page.responsive .widget-blogPost .blog-post-content {
display: flex;
margin: 0;
padding: 0 15px 50px;
}
div.body .widget.widget-breadcrumb {
padding: 20px 15px 0px;
}
#webcommander-page.responsive .blog-post-item {
min-height: auto;
height:auto;
width: calc(100% / 1 - 0px);
margin: 0 0px 30px;
}
.blog-post-item .post-description {
padding: 0 30px 15px;
}
#webcommander-page.responsive .page-content .blog-post-item .post-description .title {
padding: 0;
margin: 15px 0 8px;
font-size: 20px;
min-height: auto;
}
#webcommander-page.page-blog div.widget.blog-posts-title.widget-blogPost {
margin: 18px 0 40px auto;
max-width: 100%;
}
#webcommander-page.responsive .contact-help-support-section .gridbox {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
#webcommander-page.responsive div.widget.widget-blogPost .widget-title {
margin: -25px 15px 25px;
padding: 0;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-posts-title .widget-title {
margin: 0 0 25px;
}
div.body > .body-section .widget-container.no-fixed-container, #webcommander-page .widget.widget-breadcrumb {
padding-left: 15px;
padding-right: 15px;
}
#webcommander-page .grid-box.grid-cols-2.items-center.prin-section-3,
#webcommander-page .grid-box.grid-cols-2.items-center.prin-section-1 {
flex-direction: column-reverse;
}
#webcommander-page.responsive .main-content h2 {
font-size: 26px;
line-height: 32px;
}
#webcommander-page.responsive .contact-help-support-section .top-contact-content .flex-none {
display: none;
}
#webcommander-page.responsive .contact-help-support-section .top-contact-content {
display: block;
}
#webcommander-page.responsive .contact-help-support-section .top-contact-content h2 {
margin: 35px 0 15px 0;
font-size: 26px;
line-height: 30px;
}
#webcommander-page.responsive .contact-help-support-section .top-contact-content p {
margin: 0 0 15px;
}
#webcommander-page.responsive .contact-help-support-section {
padding: 13px 15px 67px;
}
#webcommander-page.responsive .widget.widget-pageHeading {
padding: 25px 0 20px;
}
#webcommander-page.responsive.page-contact-us .widget-html.widget-pageHeading h1 {
margin: 0 auto 10px;
}
#webcommander-page.responsive.page-contact-us .widget-html.widget-pageHeading p {
margin: 0 auto 15px;
}
#webcommander-page.responsive.page-contact-us .custom-form {
padding:0;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
padding-left: 0;
}
#webcommander-page.responsive .contact-us-info .contact-area {
padding: 40px 20px;
position: relative;
}
#webcommander-page.responsive .widget-snippet .contact-us-info {
margin-bottom: 40px;
}
#webcommander-page .widget.widget-googleMap {
margin-top: 50px;
}
#webcommander-page.responsive .contact-help-support-section .griditem {
gap: 25px;
width: 100%;
}
ul li::after {
height: 6px;
width: 6px;
}
div.jssor-slider-container .container,
div.jssor-slider-container {
height: 900px;
}
.widget.widget-snippet .wc-snippet-top-feature {
display: flex;
justify-content: space-around;
}
.widget.widget-snippet .wc-snippet-top-feature .item .text-box a {
min-height: 40px;
letter-spacing: 0.08em;
font-size: 14px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header,
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header.bmui-tab-active {
font-size: 15px;
letter-spacing: 1.5px;
}
#webcommander-page .widget.widget-html.tab-products-title {
padding-top: 30px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header.bmui-tab-active {
padding: 0;
margin: 0 0 8px 0;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header {
padding: 0;
margin: 0 0 5px 0;
}
#webcommander-page .widget.widget-html.tab-products-title h2,
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 21px;
letter-spacing: 1px;
margin-bottom: 20px;
}
#webcommander-page .widget.widget-product.recommended-slider {
margin-top: -15px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header-container {
padding: 4px 5px;
}
#webcommander-page .home-tabslider {
max-width: 100%;
margin: 0 15px;
padding: 0px 0 30px 0;
}
#webcommander-page.page-home .product-view.image-view .product-block,
#webcommander-page.page-home .product-view.scrollable-view .product-block {
width: 100%;
margin: 0;
}
.scroll-left,
.scroll-right {
width: 35px;
height: 30px;
background-size: 25px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-body-container {
padding: 0;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header,
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header.bmui-tab-active {
margin-right: 0;
}
.widget.widget-snippet .wc-snippet-top-feature .item {
padding: 12px 5px;
}
.widget.widget-snippet .about-area .content .left-part h2 {
font-size: 20px;
line-height: 29px;
margin: 0;
max-width: 100%;
}
div.jssor-slider-container .title.jssor-caption-2 {
display: none;
}
div.jssor-slider-container .description.jssor-caption-1 {
top: 22%;
}
div.jssor-slider-container .container [u="caption"] {
max-width: 100%;
left: 5%;
}
div.jssor-slider-container .container .jssor-caption-2,
div.jssor-slider-container .container .jssor-caption-3 {
top: 30%;
}
div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 65px;
line-height: 98px;
}
div.jssor-slider-container .container .jssor-caption-2 > a {
font-size: 39px;
padding: 22px 42px;
}
div.jssor-slider-container .container .jssor-caption-3 > a {
font-size: 39px;
padding: 22px 42px;
margin-top: 0;
border: 5px solid var(--bk-color-surface, #fff);
letter-spacing: 0.1em;
color: #fff;
background: transparent;
}
div.jssor-slider-container .container .jssor-caption-3 > a::after {
width: 190px;
height: 9px;
top: 82px;
right: -102px;
background: var(--bk-color-surface, #fff);
}
.widget.widget-snippet .wc-snippet-expreance .text-wrapper {
margin-bottom: 15px;
}
.widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 20px;
}
.widget.widget-snippet .wc-snippet-expreance .text-box {
left: 30px;
}
.widget.widget-snippet .wc-snippet-expreance .text-box .title {
font-size: 20px;
margin-bottom: 10px;
letter-spacing: 0.1em;
}
.widget.widget-snippet .wc-snippet-eceryday .title-wrapper h2 {
font-size: 20px;
display: block;
max-width: 100%;
line-height: 27px;
}
.widget.widget-snippet .wc-snippet-expreance {
padding: 70px 0 0px 0;
}
.widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 20px;
}
.widget.widget-snippet .about-area .content .right-part {
margin-top: 25px;
}
.widget.widget-snippet .about-area {
margin: 30px auto 0;
}
.widget.widget-snippet .about-area .content {
margin-bottom: 40px;
}
.widget.widget-snippet .about-area .content .right-part::before {
display: none;
}
.widget.widget-snippet .about-area .content .right-part .about-image {
clip-path: unset;
height: 200px;
}
.widget.widget-snippet .about-area .content .left-part {
padding: 0;
}
#webcommander-page .widget.widget-html.newsletter-text {
max-width: 100%;
}
.widget.widget-newsletter {
width: 100%;
}
#webcommander-page.responsive .widget-snippet .snippet-copyright-develop .copyright p {
padding: 0;
text-align:center;
}
#webcommander-page .widget.widget-image.payment-gateway img {
max-width: 275px;
margin: 0 auto;
}
#webcommander-page.responsive .footer > .widget-container {
margin: 0 15px;
}
.main_menu .horizontal .navigation-item a {
color: #fff;
display: block;
margin: 0;
padding: 14px 15px;
}
.main_menu .horizontal > .navigation-item.first a {
padding-left: 15px;
}
.body .widget-container .page-content {
min-height: 200px;
}
/* ====== Header ======= */
.header .widget-html > p {
font-size: 13px;
}
.widget-search .search-menu-button {
padding: 5px 0;
}
.header .widget.widget-search .search-form {
right: -30px;
width: 91vw;
top: 45px;
}
#webcommander-page .widget-navigation.user-nav .nav-wrapper.vertical.show {
top: 38px;
}
.widget-navigation .nav-wrapper.show {
top: 45px;
}
/* ====== Body ======= */
/* ====== Footer ======= */
body > .footer {
text-align: center;
}
body > .footer .vertical .navigation-item a {
display: inline-block;
}
body > .footer .widget-html > p {
max-width: 290px;
margin: 0 auto;
text-align: center;
}
#webcommander-page .newsletter.inplace.valid-verify-form {
max-width: 320px;
margin: 0 auto;
}
body > .footer .widget-image img {
max-width: 320px;
}
div.widget-snippet .snippet-copyright-develop {
text-align: center;
max-width: 100%;
}
#webcommander-page.responsive .widget.widget-image.footer-payment img {
max-width: 318px;
margin: 0 auto;
}
#webcommander-page.responsive .footer > .widget-container div.widget-title {
padding-left: 0;
font-size: 17px;
margin-bottom: 10px;
}
.widget-newsletter .newsletter-subscription.submit-button {
width: 45px;
}
.widget-newsletter input[type="text"] {
padding: 5px 50px 5px 15px;
}
.widget.widget-snippet .wc-lorem-ipsum .image-wrapper {
clip-path: unset;
margin-left: 0;
}
.widget.widget-snippet .wc-lorem-ipsum .bg-wrapper {
width: 100%;
}
.widget.widget-snippet .wc-lorem-ipsum .image-wrapper img {
object-position: 0;
}
#webcommander-page .widget.widget-tabAccordion.home-tabslider .tab-accordion-tab.bmui-tab {
padding: 0;
}
#webcommander-page .home-tabslider .product-view.scrollable-view .scroll-left,
#webcommander-page .widget.widget-product.recommended-slider .scroll-left {
left: -20px;
background-color: var(--bk-color-surface, #fff);
}
#webcommander-page .home-tabslider .product-view.scrollable-view .scroll-right,
#webcommander-page .widget.widget-product.recommended-slider .scroll-right {
right: -20px;
background-color: var(--bk-color-surface, #fff);
}
#webcommander-page.page-home .product-view.image-view .product-block .btn-add .add-to-wish-list,
#webcommander-page.page-home
.product-view.scrollable-view
.product-block
.btn-add
.add-to-wish-list {
margin-left: 4px;
}
.widget.widget-snippet .wc-snippet-eceryday img {
width: 100%;
object-fit: cover;
}
.widget.widget-snippet .wc-snippet-shop-by-category {
padding: 40px 0 0 0;
}
.widget.widget-snippet .wc-snippet-shop-by-category .name {
margin-top: 5px;
}
.widget-navigation.main_menu .menu-button {
left: auto;
top: -27px;
right: 118px;
}
.header .widget.main_menu .menu-button.responsive-menu-btn:before{
display:none;
}
.header .widget.main_menu .menu-button.responsive-menu-btn {
top: 28px;
}
#webcommander-page .widget-navigation.footer-nav .horizontal .navigation-item a {
margin: 0 10px 0 0;
font-size: 14px;
}
#webcommander-page.responsive .footer > .widget-container div {
text-align: left !important;
margin-left: 0;
}
.widget.widget-snippet .cta-footer .cta-main h2 {
font-size: 20px;
line-height: 30px;
}
.widget.widget-snippet .cta-footer .cta-main .btn-cta {
flex-direction: column;
}
.widget.widget-snippet .cta-footer .cta-main .btn-cta a {
width: fit-content;
margin: 0 0 20px;
}
.widget.widget-snippet .cta-footer {
padding: 15px;
}
.widget.widget-snippet .cta-footer .cta-main .btn-cta a:last-child {
margin-left: 0;
}
.widget-form {
width: 100%;
padding: 0 15px;
}
body#webcommander-page.responsive .widget.widget-html.view-all-button .html-widget-element-content p a {
height:40px;
}
#webcommander-page.responsive .widget-gallery.cat-slider .category-content-box h3 {
font-size: 30px;
line-height: 35px;
margin: 20px 0 0px 0;
padding: 0;
}
#webcommander-page.responsive.widget-gallery.cat-slider .owl-carousel .owl-item {
max-width: initial;
width: inherit;
}
#webcommander-page .widget-gallery.cat-slider .owl-carousel .owl-stage-outer {
max-width: 100%;
margin: 0 auto;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box {
max-width: 283px;
position: absolute;
top: 50%;
left: 22%;
transform: translate(-50%, -50%);
padding-left: 25px;
}
#webcommander-page.responsive .wc-site-popup .popup-video video {
object-fit: cover;
}
body .wc-site-popup.popup .content {
padding:15px;
}
.wc-site-popup.popup .close-icon {
right: 0;
top: 0;
z-index: 99;
}
.wc-site-popup.popup .close-icon::after {
color: var(--bk-color-ink, #000000);
}
span.close-button-for-zoom-preview {
right: 15px;
top: -45px;
}
.wc-site-popup.popup.anim-fade-zoom.active {
max-width: 310px;
min-width: 310px;
margin: 0 !important;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls {
position: relative;
width: 100%;
top: 35%;
}
#webcommander-page.responsive .product-widget.widget-productImage {
margin-right: 0;
margin-left: 0;
}
.widget-productImage.multi-image-scroll-vertical-view .multi-image-scroll-wrapper .image-thumb-container {
margin: 15px 0;
}
#webcommander-page #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 {
padding-right: 0 !important;
padding-left: 0 !important;
}
#webcommander-page .frequently-bought-together-products .product-block .row {
gap: 0 5px;
}
#webcommander-page .frequently-bought-together-products .product-block .row .col.image-column {
width: 53px;
-ms-flex: 0 0 53px;
flex: 0 0 53px;
}
#webcommander-page .frequently-bought-together-products .product-block .image-column img {
width: 53px;
height: 53px;
}
#webcommander-page .frequently-bought-together-products .product-block .row .col.info-column {
padding-top: 0px;
}
#webcommander-page .frequently-bought-together-products .product-name a {
font-size: var(--bk-link-font-size, 15px);
max-width: 150px;
padding-right: 15px;
}
#webcommander-page .frequently-bought-together-products .product-block .current-price.price>* {
font-size: 15px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-next {
float: none;
margin-right: 0;
}
#webcommander-page .frequently-bought-together-products .product-block .row {
padding-right: 10px;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.customer-reviews
.owl-controls
.owl-prev {
float: none;
margin-left: -48px;
}
#webcommander-page.responsive .widget-form.contact_form .custom-form {
margin-bottom: 0px;
margin-left: 0;
}
#webcommander-page.responsive .contact-us-sidebar {
margin-left: 15px;
margin-right: 15px;
}
#webcommander-page.responsive .about-banner-section .main-content {
margin-left: 0;
margin-right: auto;
padding: 0 15px;
}
#webcommander-page.responsive .about-banner-section h1 {
font-size: 35px;
line-height: 42px;
margin: 0 0 18px;
}
#webcommander-page.responsive .about-banner-section .ab-content {
padding: 38px 0 37px;
}
#webcommander-page .grid-cols-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
#webcommander-page.responsive .our-principals-section h2 {
font-size: 30px;
margin: 0 0 25px;
}
#webcommander-page.responsive .our-principals-section h3 {
font-size: 23px;
line-height: 32px;
margin: 0 0 15px;
}
#webcommander-page.responsive .about-main-content h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 15px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews {
padding: 60px 15px 60px 15px !important;
margin: 30px auto 70px;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.customer-reviews
.owl-controls
.owl-prev {
float: none;
margin-left: 0;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-nav {
text-align: left;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.customer-reviews
.widget-title {
font-size: 30px;
line-height: 38px;
padding: 0 0 40px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size:28px;
line-height: 40px;
padding:50px 15px 20px;
}
#webcommander-page.responsive .book-session-area .book-session-right .book-session-content h3 {
margin: 0 0 49px;
font-size: 28px;
line-height: 37px;
}
#webcommander-page.responsive .book-session-area {
padding: 0px 0 60px;
}
#webcommander-page.responsive .excellence-collide .excellence-video video {
height: 194px;
}
#webcommander-page.responsive .member-plans {
padding:0;
}
#webcommander-page.responsive .accordion-panel {
padding: 5px 15px 60px;
}
body#webcommander-page.responsive .about-top-image {
margin-top: 20px;
}
#webcommander-page.responsive .widget.widget-category.details-cat .widget-title {
text-align: center;
padding: 0 0 12px;
}
#webcommander-page.responsive .about-main-content .about-list-content li {
font-size: 16px;
line-height: 19px;
padding: 0px 0 10px 20px;
}
#webcommander-page.responsive .about-review-top {
background-position: right;
}
#webcommander-page.responsive .about-review-top .about-rcontent {
padding: 52px 0 60px;
}
#webcommander-page.responsive .about-review-top .about-rcontent .about-main-content {
margin-right: 0;
padding: 0 15px;
}
#webcommander-page.responsive .about-main-content .about-btn-content a {
min-width: 150px;
}
#webcommander-page.responsive .our-principals-section .grid-box {
grid-gap: 20px;
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
}
#webcommander-page.responsive .our-principals-section {
padding: 50px 15px 32px;
}
#webcommander-page.responsive .about-banner-section p {
font-size: 16px;
margin: 0 0 20px;
}
#webcommander-page .widget-form.contact_form .custom-form {
margin-bottom: 20px;
}
#webcommander-page .widget-html.Contact-us-page h2 {
font-size: 28px;
margin: 15px 0 20px;
}
#webcommander-page .widget-html.Contact-us-page h4 {
font-size: 23px;
}
#webcommander-page .widget-form.contact_form .widget-title {
font-size: 24px;
padding: 10px 0 10px;
}
#webcommander-page .widget-html.Contact-us-page p {
line-height: 1.5;
margin: 7px auto 20px;
}
#webcommander-page .product-widget.widget-similar .title,
#webcommander-page .product-widget.widget-related .title {
font-size: 30px;
padding: 20px 0;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .wish_list .create-wish-list {
margin-bottom: 20px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .wish-list-list {
overflow-x: scroll;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header:nth-last-of-type(1) .title::after, #webcommander-page .home-tabslider .bmui-tab .bmui-tab-header:nth-of-type(1) .title::after {
top: -12px;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image{
max-width: 100%;
}
.widget.widget-snippet .contact-us-info {
margin: 10px 15px 30px;
}
div.widget.widget-blogPost .widget-title {
font-size: 30px;
}
#webcommander-page .widget.widget-category .widget-title{
font-size: 32px;
line-height: 20px;
}
}
@media (max-width: 575px) {
.widget-form .double-input-row .form-row {
width: 100%;
}
#webcommander-page .contact_form .custom-form .form-row textarea {
height: 150px;
}
}
/* +++++++++++++++ End Contact Us Page ++++++++++++++++ */
@media (max-width: 360px) {
#webcommander-page.responsive .about-main-content .about-btn-content a {
min-width: 100%;
margin: 0;
}
#webcommander-page.responsive .about-main-content .about-btn-content a:last-child {
margin-top: 15px;
}
}
@media (max-width: 767px) {
.product-widget.widget-addCart .button.add-to-wish-list, .product-widget.widget-addCart .add-to-compare-button.button {
position: relative;
display: block;
margin: 0;
height: auto;
}
.header .widget.main_menu {
margin-left: 0;
}
#webcommander-page.page-home .product-view .header {
justify-content: center;
}
#webcommander-page .daily-rugby-area .daily-rugby-box .content .club-title{
font-size: var(--bk-h3-size, 20px) !important;
line-height: 30px;
}
#webcommander-page.page-home .sports-education-container .sports-education-col .sports-education-info-box{
margin-bottom: 30px;
}
.product-widget.widget-addCart .cart-button-container{
order: 0;
margin: 30px 0 0;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box a {
padding: 7px 28px 10px;
min-width: 108px;
}
#webcommander-page.responsive .widget-gallery.cat-slider .category-content-box h3 {
font-size: 24px;
line-height: 26px;
margin: 12px 0 0px 0;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box h6 {
font-size: 15px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls {
position: relative;
margin-top: 30px;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.cat-slider
.owl-controls
.owl-prev {
float: none;
margin-left: 0px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-nav {
margin: 0 auto;
position: relative;
display: flex;
justify-content: center;
gap: 0 15px;
}
#webcommander-page.responsive
.owlCarousel.widget.widget-gallery.cat-slider
.owl-controls
.owl-next {
float: none;
margin-right: 0;
}
#webcommander-page .owlCarousel.widget.widget-gallery.cat-slider .owl-controls .owl-nav {
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
display: flex;
justify-content: center;
gap: 0 15px;
}
#webcommander-page .widget-gallery.cat-slider .owl-carousel .owl-item img {
object-fit: cover;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box a {
margin-top: 15px;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box {
max-width: 283px;
position: absolute;
top: 42%;
left: 30%;
transform: translate(-50%, -50%);
padding-left: 40px;
}
#webcommander-page .widget-gallery.cat-slider {
max-width: 92%;
}
#webcommander-page.responsive .widget-gallery.cat-slider {
margin-top: 25px;
}
.product-widget.widget-productName .product-name {
font-size: 26px;
line-height: 38px;
}
.widget.widget-snippet .wc-snippet-about .row {
display: flex;
flex-direction: column-reverse;
}
.widget.widget-snippet .wc-snippet-about .row .col-md-6.right,
.widget.widget-snippet .wc-snippet-about .row .col-md-6.left {
width: 100%;
padding: 0 15px;
}
.widget.widget-snippet .wc-snippet-about .row .col-md-6.left {
left: unset;
right: unset;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 10px 25px;
}
.widget.widget-snippet .wc-snippet-about .col-md-6.left .first,
.widget.widget-snippet .wc-snippet-about .col-md-6.left .third,
.widget.widget-snippet .wc-snippet-about .col-md-6.left .sceand {
position: relative;
left: unset;
right: unset;
top: unset;
width: 50%;
padding: 5px;
height: auto;
}
.widget.widget-snippet .wc-snippet-about .title-wrapper h2 {
font-size: 22px;
margin-top: 5px;
}
.widget.widget-snippet .wc-snippet-title-style-center .readmore a,
.widget.widget-snippet .wc-snippet-about .readmore a {
font-size: 15px;
letter-spacing: 1px;
padding: 10px;
min-width: 180px;
}
.widget.widget-snippet .wc-snippet-title-style-center .readmore a:after,
.widget.widget-snippet .wc-snippet-about .readmore a::after {
width: 62px;
}
#webcommander-page .widget-productReviewRatting .main-container {
display: block;
}
#webcommander-page .review-view-panel .main-container h2.review-heading {
font-size: 30px;
line-height: 38px;
}
.page-product .widget.widget-tabAccordion.details-faq {
padding: 0 15px;
}
#webcommander-page.responsive .home-tabslider.membership-toggle{
padding: 30px 0 0 !important;
}
#webcommander-page .widget-navigation.menu-right .horizontal > .navigation-item a {
color: #fff;
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a::after{
top: 50%;
}
#webcommander-page.responsive .home-video-gallery.explore-gallery-section .owl-carousel {
margin: 0 auto !important;
padding: 0 15px !important;
}
}
/* Home Brand Slider Start */
#webcommander-page .widget.home-brand-slider-title {
text-align: center;
margin: 0 0 65px;
}
#webcommander-page .home-brand-slider-title .html-widget-element-content p {
font-size: var(--bk-p-size, 17px);
line-height: var(--bk-p-line-height, 20px);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
margin: 0 0 12px;
}
#webcommander-page .home-brand-slider {
padding: 0 0 130px;
}
#webcommander-page .home-brand-slider .article-item .article-title {
display: none;
}
#webcommander-page .home-brand-slider .article-item .article-content {}
#webcommander-page .home-brand-slider .article-item .article-content figure {
margin: 0;
}
#webcommander-page .home-brand-slider .article-item .article-content figure img {
width: auto;
}
/* Home Brand Slider End */
/* FAQ: Figma draws a rule BELOW each question. The platform also draws one
above the first row, which reads as a stray line under the section heading. */
#webcommander-page.page-home .widget-tabAccordion .accordion-panel > .label-bar:first-child {
border-top: none;
}
/* Footer columns already land on the 1400 grid (first widget at x260 @1920);
only the logo snippet's own 18px inset differs from Figma, which is left as
the snippet's business rather than overridden from here. */