@media only screen and (max-width: 600px) {
header {
padding: 24px 0 10px 0 !important;
.logo-container {
margin: 0 auto !important;
align-items: center;
}
}
header.sud.inrhdr {
padding-top: 10px !important;
h1 {
margin: 0px !important;
font-size: unset;
}
h1.logotext span {
font-size: 18px !important;
}
}
.home {
header {
padding: 0px 0px 10px 0px !important;
.container>div {
padding-top: 0px !important;
}
}
}
h1.logotext span {
font-size: 24px !important;
}
.category-area.comn-section {
h4 {
font-size: 22px;
}
}
#cowpart {
padding: 0 !important;
img.climing {
height: auto !important;
width: 100% !important;
max-width: 100% !important;
margin: auto !important;
right: 0 !important;
}
&::after {
display: block !important;
width: 210px;
height: 320px;
right: 0px;
bottom: 61%;
}
}
#cowspotone {
&::before {
display: block !important;
top: 422px;
width: 292px;
height: 455px;
}
}
#cowspot {
&::after {
display: block !important;
right: -150px;
bottom: 150px;
width: 440px;
height: 400px;
}
}
.comn-section {
&::after {
display: block !important;
}
&::before {
display: none !important;
}
}
.home .spot-section {
&::before {
display: block !important;
}
}
.home .welcome-section {
&::before {
display: block !important;
}
}
.category-area {
.section-wrapper {
padding: 0px 20px;
position: relative;
}
}
#calendar, #event-details {
width: 100% !important;
.fc-view-harness.fc-view-harness-active {
height: 380px !important;
}
.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
flex-wrap: wrap;
gap: 16px;
}
}
.comn-section.welcome-section {
h2.chpe {
margin-top: 20px;
}
.right {
padding: 20px 0 0 0;
}
.row {
.col-lg-6:first-child {
order: 1;
}
.col-lg-6:nth-child(2) {
order: 0;
}
}
.btm-right {
img {
width: 70%;
}
}
}
.home .comn-section.welcome-section {
.row {
flex-direction: column-reverse;
}
}
.dwnldbtn.w-sm-auto.big {
white-space: nowrap;
width: 300px !important;
}
.category-area.comn-section {
h1 {
.robotofnt {
font-size: 22px;
}
.bowlfont {
font-size: 38px;
line-height: 100%;
}
.bowlfontone {
font-size: 22px;
}
}
}
#cowpart.comn-section.welcome-section {
&::before {
display: block !important;
top: 98%;
width: 100%;
height: 192px;
}
}
div#event-content img {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.category-area {
padding: 0 0 30px;
.item {
width: 100%;
padding: 0 20px 10px 20px;
}
}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
header {
padding: 0px 0 0px 0 !important;
.logo-container {
margin: 0 auto !important;
}
#menu-header-menu {
display: none !important;
}
} h1.logotext span {
font-size: 18px !important;
}
header.sud.inrhdr {
padding-top: 10px !important;
padding-bottom: 8px !important;
h1 {
margin: 0px !important;
font-size: unset;
}
h1.logotext span {
font-size: 18px !important;
}
}
.category-area.comn-section {
h1 {
.robotofnt {
font-size: 32px;
}
.bowlfont {
font-size: 62px;
}
.bowlfontone {
font-size: 38px;
}
}
h4 {
font-size: 24px;
}
}
img.climing {
right: 0 !important;
width: 641px !important;
height: 400px !important;
}
#cowpart {
&::after {
display: block !important;
width: 315px;
height: 75%;
right: 0px;
bottom: 22%;
}
&::before {
display: block !important;
top: -5px;
width: 100%;
height: 430px;
}
}
#cowspot {
&::after {
display: block !important;
right: -150px;
bottom: 180px;
width: 420px;
height: 420px;
}
}
#cowspotone {
&::before {
display: block !important;
top: 394px;
width: 350px;
height: 500px;
}
}
.welcome-section {
&::before {
display: none !important;
}
&::after {
display: block !important;
}
}
.home {
.welcome-section {
&::before {
display: block !important;
}
}
}
.tribe-events button.tribe-events-c-top-bar__datepicker-button {
margin-left: 36px !important;
}
.comn-section.welcome-section {
.right {
padding: 40px 0 0 0;
}
.row {
.col-lg-6:first-child {
order: 1;
}
.col-lg-6:nth-child(2) {
order: 0;
}
}
}
.home .comn-section.welcome-section {
.row {
flex-direction: column-reverse;
}
}
}
@media only screen and (min-width: 768px) { }
@media only screen and (min-width: 992px) { }
@media only screen and (min-width: 1200px) { }
@media only screen and (min-width: 1400px) { }
@media only screen and (max-width: 600px) and (min-width: 400px) { }