Add new css responsivnes

This commit is contained in:
Amanmyrat 2023-07-14 13:02:08 +05:00
parent f345b66f2b
commit 7d6cbe3483
10 changed files with 799 additions and 215 deletions

View File

@ -66,7 +66,10 @@
]
},
"config": {
"preferred-install": "dist"
"preferred-install": "dist",
"allow-plugins": {
"composer/installers": true
}
},
"minimum-stability": "dev",
"prefer-stable": true

View File

@ -25,24 +25,24 @@ class SeedSetupAdmin extends Seeder
public function run()
{
// UserRole::create([
// 'name' => 'Publisher',
// 'code' => UserRole::CODE_PUBLISHER,
// 'description' => 'Site editor with access to publishing tools.',
// ]);
UserRole::create([
'name' => 'Publisher',
'code' => UserRole::CODE_PUBLISHER,
'description' => 'Site editor with access to publishing tools.',
]);
// $role = UserRole::create([
// 'name' => 'Developer',
// 'code' => UserRole::CODE_DEVELOPER,
// 'description' => 'Site administrator with access to developer tools.',
// ]);
$role = UserRole::create([
'name' => 'Developer',
'code' => UserRole::CODE_DEVELOPER,
'description' => 'Site administrator with access to developer tools.',
]);
// $group = UserGroup::create([
// 'name' => 'Owners',
// 'code' => UserGroup::CODE_OWNERS,
// 'description' => 'Default group for website owners.',
// 'is_new_user_default' => false
// ]);
$group = UserGroup::create([
'name' => 'Owners',
'code' => UserGroup::CODE_OWNERS,
'description' => 'Default group for website owners.',
'is_new_user_default' => false
]);
$user = User::create([
'email' => static::$email,
@ -54,9 +54,9 @@ class SeedSetupAdmin extends Seeder
'permissions' => [],
'is_superuser' => true,
'is_activated' => true,
'role_id' => 3 //$role->id
'role_id' => $role->id
]);
// $user->addGroup($group);
$user->addGroup($group);
}
}

View File

@ -45,7 +45,7 @@ class ThemeData extends Model
/**
* @var array Relations
*/
public $attachOne = ['image' => 'Tps\Shops\Classes\Attachment'];
public $attachOne = [];
/**
* @var ThemeData Cached array of objects

View File

@ -57,6 +57,24 @@
// Header ================
.header {
padding: 25px 0;
.logo {
width: 310px;
height: 40px;
}
.burger {
width: 40px;
height: 40px;
}
.lang {
&_current {
padding: 10px;
}
}
&_item {
&-link {
display: none;
@ -190,6 +208,12 @@
}
}
&_search {
&-title {
font-size: 30px;
}
}
&_box {
flex-wrap: wrap;
}
@ -221,23 +245,154 @@
height: 650px;
}
}
.slider {
&__counter {
font-size: 18px;
line-height: 22px;
width: 205px;
}
}
&_slider {
.slick {
&-next {
width: 44px;
}
&-prev {
width: 44px;
left: 105px;
}
}
}
}
// Hero end ================
// Shops ================
.shops {
padding: 40px 0;
.auto_container {
padding: 0 15px;
}
&_item {
height: 420px;
height: 300px;
&-label {
font-size: 12px;
line-height: 12px;
padding: 10px 15px;
}
&-content {
&-txt {
font-size: 18px;
}
}
&-name {
font-size: 14px;
padding: 15px 10px;
}
&-floor {
padding: 10px 15px;
font-size: 24px;
span {
font-size: 14px;
}
}
}
&_tab {
&-link {
font-size: 16px;
line-height: 20px;
padding: 10px 20px;
}
}
}
// Shops end ============
// Movie ================
.movie {
padding: 40px 0;
&_logo {
font-size: 18px;
line-height: 1.3;
span {
width: 60px;
height: 60px;
}
}
&_link {
font-size: 18px;
}
&_item {
&-title,
&-genre {
font-size: 18px;
}
&-link {
padding: 12px 10px;
}
}
.slick {
&-dots {
li {
button {
height: 6px;
width: 20px;
}
}
}
}
}
// Movie end ============
// Rest ================
.rest {
padding: 40px 0;
&_tabs {
margin-bottom: 20px;
&-link {
font-size: 16px;
line-height: 20px;
padding: 10px 20px;
}
}
&_item {
width: calc(33.33% - 28px);
margin: 12px;
&-floor {
font-size: 12px;
}
&-link {
font-size: 12px;
}
}
}
// Rest end ============
// Footer ================
.footer {
&_box {
@ -263,14 +418,19 @@
// Intro ================
.intro {
min-height: 550px;
&_info {
min-height: 550px;
margin-top: 15px;
&-title {
font-size: 44px;
font-size: 32px;
line-height: 1.5;
}
&-txt {
font-size: 20px;
font-size: 18px;
line-height: 1.5;
}
}
@ -278,11 +438,62 @@
// Intro end ============
// Contact ================
.contact {
margin-top: -120px;
&_box {
&-title {
font-size: 24px;
}
&-row {
margin-bottom: 40px;
span {
width: 30px;
height: 30px;
}
}
}
&_input {
input {
font-size: 16px;
}
}
&_btn {
button {
font-size: 15px;
}
}
&_info {
&-title {
font-size: 24px;
}
&-txt {
margin-bottom: 25px;
}
}
&_map {
height: 500px;
}
}
// Contact end ============
// About =================
.about {
&_item {
&-photo {
width: calc(50% - 25px);
height: 500px;
}
&-info {
@ -290,11 +501,14 @@
}
&-title {
font-size: 40px;
font-size: 32px;
line-height: 1.3;
margin-bottom: 20px;
}
&-txt {
font-size: 22px;
font-size: 18px;
line-height: 1.3;
}
}
}
@ -317,25 +531,32 @@
// Post =================
.post {
padding: 40px 0 60px;
&_photo {
width: 400px;
height: 400px;
margin-left: 40px;
width: 300px;
height: 300px;
margin-left: 30px;
}
&_info {
width: calc(100% - 440px);
width: calc(100% - 330px);
&-title {
font-size: 34px;
font-size: 30px;
padding-bottom: 10px;
margin-bottom: 14px;
}
&-txt {
font-size: 20px;
font-size: 16px;
margin-top: 15px;
}
&-cnt {
margin-right: 20px;
font-size: 13px;
}
&-row {
@ -345,19 +566,63 @@
&_slider {
&-title {
font-size: 36px;
font-size: 30px;
}
.slick {
&-dots {
li {
button {
height: 6px;
width: 20px;
}
&.slick-active {
button {
width: 20px;
}
}
}
}
}
}
}
// Post end =============
// Result =================
.result {
.menu {
&_search {
&-input {
width: calc(100% - 146px);
input {
font-size: 16px;
padding: 15px 20px;
}
}
&-btn {
font-size: 16px;
padding: 15px 30px;
}
}
}
}
// Result end =============
}
// 1200 =======================================
@include lg-lg {
.auto_container {
padding: 0 20px;
}
// Restaurants ================
.rest {
&.page {
@ -473,7 +738,7 @@
// Result =================
.result {
padding: 40px 0;
padding: 20px 0 40px 0;
&.page {
.rest {
@ -507,15 +772,6 @@
&_item {
width: calc(50% - 16px);
margin: 10px 8px;
height: 400px;
&-name {
font-size: 17px;
}
&-floor {
font-size: 28px;
}
}
}
@ -523,10 +779,8 @@
// Intro ======================
.intro {
min-height: 660px;
&_info {
min-height: 660px;
max-width: 100%;
}
}
@ -688,9 +942,22 @@
padding: 12px 25px;
}
&-info {
top: 20px;
right: 20px;
}
&-label {
top: 20px;
left: 20px;
}
&-content {
bottom: 20px;
left: 20px;
&-txt {
font-size: 18px;
font-size: 16px;
}
}
}
@ -953,11 +1220,55 @@
// Restaurants end ==============
// Intro =================
.intro {
min-height: 400px;
&_info {
min-height: 400px;
&-title {
font-size: 26px;
line-height: 1.3;
}
&-txt {
font-size: 16px;
line-height: 1.3;
}
&-link {
margin-top: 25px;
a {
font-size: 14px;
}
span {
width: 15px;
height: 15px;
}
}
}
}
// Intro end ==============
// About ======================
.about {
padding: 40px 0;
&_item {
&-photo {
height: 370px;
height: 340px;
}
&-title {
font-size: 24px;
}
&-txt {
font-size: 16px;
}
&-info {
@ -1005,6 +1316,31 @@
margin-top: 20px;
}
}
&_form {
margin: 0;
}
&_input {
width: 100%;
margin: 10px 0;
input {
font-size: 15px;
line-height: 1.3;
}
}
&_btn {
margin: 10px 0 0 0;
button {
font-size: 15px;
line-height: 1.3;
padding: 12px 10px;
max-width: 160px;
}
}
}
// Bills end =============
@ -1019,6 +1355,7 @@
&-title {
color: $gray;
line-height: 1.4;
margin-bottom: 20px;
}
&-txt {
@ -1039,8 +1376,8 @@
border-radius: 5px;
background: $gray;
width: 26px;
height: 26px;
width: 20px;
height: 20px;
svg {
path {
@ -1081,15 +1418,42 @@
width: 100%;
margin: 20px 0;
}
&_map {
height: 350px;
}
}
// Contact end =============
// Post =================
.post {
&_info {
&-title {
font-size: 24px;
padding-bottom: 5px;
margin-bottom: 5px;
}
&-cnt {
margin: 20px 20px 0 0;
}
}
&_slider {
&-title {
font-size: 24px;
margin: 30px 0 20px;
}
}
.rest_item {
max-width: unset;
&-photo {
height: 170px;
}
&-row {
flex-direction: column;
align-items: unset;
@ -1098,10 +1462,13 @@
&-floor {
margin-bottom: 15px;
font-size: 14px;
}
&-link {
justify-content: center;
font-size: 14px;
padding: 7px;
}
}
}
@ -1141,7 +1508,7 @@
margin-bottom: 35px;
&-title {
font-size: 26px;
font-size: 20px;
}
&-txt {
@ -1292,9 +1659,11 @@
// Shops ================
.shops {
padding: 50px 0;
padding: 20px 0 40px;
&_tab {
margin-bottom: 25px;
&-link {
font-size: 15px;
line-height: 1.3;
@ -1370,6 +1739,7 @@
&_item {
width: 100%;
max-width: 350px;
margin: 15px 0;
}
}
@ -1418,19 +1788,11 @@
// Intro ================
.intro {
min-height: 590px;
min-height: 300px;
&_info {
min-height: 590px;
min-height: 300px;
margin-top: 30px;
&-title {
font-size: 36px;
}
&-txt {
font-size: 18px;
}
}
}
@ -1442,15 +1804,9 @@
&_item {
&-title {
font-size: 32px;
line-height: 1.4;
margin-bottom: 20px;
}
&-txt {
font-size: 18px;
line-height: 1.8;
}
&-photo {
height: 320px;
@ -1462,7 +1818,7 @@
// Contact ================
.contact {
margin-top: -140px;
margin-top: -70px;
&_box {
&-title {
@ -1471,6 +1827,10 @@
&-row {
margin-bottom: 20px;
span {
display: none;
}
}
}
@ -1480,23 +1840,20 @@
}
&-media {
justify-content: space-between;
a {
margin-right: 15px;
}
}
}
&_map {
height: 460px;
}
}
// Contact end ============
// Post =================
.post {
padding: 15px 0 60px;
.rest {
&_item {
&-info {
@ -1506,18 +1863,12 @@
}
&_photo {
height: 350px;
height: 300px;
}
&_info {
&-title {
font-size: 28px;
padding-bottom: 15px;
margin-bottom: 20px;
}
&-txt {
font-size: 18px;
font-size: 20px;
}
&-cnt {
@ -1529,8 +1880,7 @@
&_slider {
&-title {
font-size: 25px;
margin: 30px 0;
font-size: 20px;
}
.slick {
@ -1558,6 +1908,7 @@
&_item {
width: 100%;
max-width: 350px;
margin: 15px 0;
}
}
@ -1567,16 +1918,13 @@
&_search {
margin-bottom: 35px;
&-title {
font-size: 26px;
}
&-input {
margin-right: 0px;
input {
font-size: 16px;
padding: 12px 15px;
font-size: 14px;
padding: 10px 15px;
width: calc(100% - 30px);
line-height: 1.4;
}
@ -1584,7 +1932,7 @@
&-btn {
font-size: 14px;
padding: 12px 25px;
padding: 10px 25px;
}
}
}
@ -1592,6 +1940,45 @@
// Result end =============
// Bills =================
.bill {
overflow: hidden;
&_aside {
padding: 20px 15px;
width: calc(100% - 30px);
&-title {
font-size: 16px;
}
}
&_item {
&>div {
p {
font-size: 15px;
}
}
&-link {
font-size: 15px;
}
}
&_input {
label {
font-size: 15px;
}
input {
padding: 12px;
width: calc(100% - 26px);
}
}
}
// Bills end =============
}
// 350 ===================================================

View File

@ -104,7 +104,7 @@
&-title {
font-weight: 700;
font-size: 44px;
font-size: 38px;
line-height: 1.4;
color: $black;
text-align: center;

View File

@ -1656,8 +1656,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
font-weight: 700;
font-size: 18px;
line-height: 22px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-line: underline;
color: #FFB100;
}
.movie_link span {
@ -2899,7 +2898,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
}
.post_slider-title {
font-weight: 700;
font-size: 44px;
font-size: 38px;
line-height: 1.4;
color: #171717;
text-align: center;
@ -3420,34 +3419,43 @@ input[type=date]::-webkit-calendar-picker-indicator {
.auto_container {
padding: 0 30px;
}
.m-rl {
margin: 0 25px;
}
.header_item-link {
padding: 15px;
}
.header .lang_current {
padding: 15px;
}
.nav.active {
top: 133px;
}
}
@media (max-width: 1400px) {
.header {
padding: 25px 0;
}
.header .logo {
width: 310px;
height: 40px;
}
.header .burger {
width: 40px;
height: 40px;
}
.header .lang_current {
padding: 10px;
}
.header_item-link {
display: none;
}
.header .user {
display: none;
}
.nav {
display: none;
}
.menu.active {
top: 130px;
height: calc(100% - 130px);
@ -3546,6 +3554,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
.menu .mobile_user-link a.active {
display: block;
}
.menu_search-title {
font-size: 30px;
}
.menu_box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@ -3563,18 +3574,99 @@ input[type=date]::-webkit-calendar-picker-indicator {
.menu_col:nth-child(3)::after {
display: none;
}
.hero_item-photo {
height: 650px;
}
.hero .slider__counter {
font-size: 18px;
line-height: 22px;
width: 205px;
}
.hero_slider .slick-next {
width: 44px;
}
.hero_slider .slick-prev {
width: 44px;
left: 105px;
}
.shops {
padding: 40px 0;
}
.shops .auto_container {
padding: 0 15px;
}
.shops_item {
height: 420px;
height: 300px;
}
.shops_item-label {
font-size: 12px;
line-height: 12px;
padding: 10px 15px;
}
.shops_item-content-txt {
font-size: 18px;
}
.shops_item-name {
font-size: 14px;
padding: 15px 10px;
}
.shops_item-floor {
padding: 10px 15px;
font-size: 24px;
}
.shops_item-floor span {
font-size: 14px;
}
.shops_tab-link {
font-size: 16px;
line-height: 20px;
padding: 10px 20px;
}
.movie {
padding: 40px 0;
}
.movie_logo {
font-size: 18px;
line-height: 1.3;
}
.movie_logo span {
width: 60px;
height: 60px;
}
.movie_link {
font-size: 18px;
}
.movie_item-title, .movie_item-genre {
font-size: 18px;
}
.movie_item-link {
padding: 12px 10px;
}
.movie .slick-dots li button {
height: 6px;
width: 20px;
}
.rest {
padding: 40px 0;
}
.rest_tabs {
margin-bottom: 20px;
}
.rest_tabs-link {
font-size: 16px;
line-height: 20px;
padding: 10px 20px;
}
.rest_item {
width: calc(33.33% - 28px);
margin: 12px;
}
.rest_item-floor {
font-size: 12px;
}
.rest_item-link {
font-size: 12px;
}
.footer_box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@ -3589,60 +3681,123 @@ input[type=date]::-webkit-calendar-picker-indicator {
.footer_col::after {
display: none;
}
.intro {
min-height: 550px;
}
.intro_info {
min-height: 550px;
margin-top: 15px;
}
.intro_info-title {
font-size: 44px;
font-size: 32px;
line-height: 1.5;
}
.intro_info-txt {
font-size: 20px;
font-size: 18px;
line-height: 1.5;
}
.contact {
margin-top: -120px;
}
.contact_box-title {
font-size: 24px;
}
.contact_box-row {
margin-bottom: 40px;
}
.contact_box-row span {
width: 30px;
height: 30px;
}
.contact_input input {
font-size: 16px;
}
.contact_btn button {
font-size: 15px;
}
.contact_info-title {
font-size: 24px;
}
.contact_info-txt {
margin-bottom: 25px;
}
.contact_map {
height: 500px;
}
.about_item-photo {
width: calc(50% - 25px);
height: 500px;
}
.about_item-info {
width: calc(50% - 25px);
}
.about_item-title {
font-size: 40px;
font-size: 32px;
line-height: 1.3;
margin-bottom: 20px;
}
.about_item-txt {
font-size: 22px;
font-size: 18px;
line-height: 1.3;
}
.bill_aside {
padding: 25px;
margin-right: 25px;
}
.post {
padding: 40px 0 60px;
}
.post_photo {
width: 400px;
height: 400px;
margin-left: 40px;
width: 300px;
height: 300px;
margin-left: 30px;
}
.post_info {
width: calc(100% - 440px);
width: calc(100% - 330px);
}
.post_info-title {
font-size: 34px;
font-size: 30px;
padding-bottom: 10px;
margin-bottom: 14px;
}
.post_info-txt {
font-size: 20px;
font-size: 16px;
margin-top: 15px;
}
.post_info-cnt {
margin-right: 20px;
font-size: 13px;
}
.post_info-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post_slider-title {
font-size: 36px;
font-size: 30px;
}
.post_slider .slick-dots li button {
height: 6px;
width: 20px;
}
.post_slider .slick-dots li.slick-active button {
width: 20px;
}
.result .menu_search-input {
width: calc(100% - 146px);
}
.result .menu_search-input input {
font-size: 16px;
padding: 15px 20px;
}
.result .menu_search-btn {
font-size: 16px;
padding: 15px 30px;
}
}
@media (max-width: 1200px) {
.auto_container {
padding: 0 20px;
}
.rest.page {
padding: 40px 0;
}
@ -3660,11 +3815,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
.rest_item-photo {
height: 190px;
}
.shops_item {
height: 350px;
}
.copy_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -3692,7 +3845,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.copy_info-item:last-child {
margin-bottom: 0;
}
.bill_box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -3708,7 +3860,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
max-width: 100%;
width: 100%;
}
.contact_form {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
@ -3724,13 +3875,11 @@ input[type=date]::-webkit-calendar-picker-indicator {
.contact_map {
height: 550px;
}
.post .rest_item {
margin: 15px;
}
.result {
padding: 40px 0;
padding: 20px 0 40px 0;
}
.result.page .rest_box {
-webkit-box-pack: unset;
@ -3745,27 +3894,13 @@ input[type=date]::-webkit-calendar-picker-indicator {
.crumb {
padding-bottom: 40px;
}
.shops_item {
width: calc(50% - 16px);
margin: 10px 8px;
height: 400px;
}
.shops_item-name {
font-size: 17px;
}
.shops_item-floor {
font-size: 28px;
}
.intro {
min-height: 660px;
}
.intro_info {
min-height: 660px;
max-width: 100%;
}
.about_item {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
@ -3853,7 +3988,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.menu_col:nth-child(2)::after, .menu_col:nth-child(4)::after {
display: none;
}
.hero_item-photo {
height: 600px;
}
@ -3872,7 +4006,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.hero .slider__counter {
display: none;
}
.shops_item {
width: calc(50% - 16px);
margin: 10px 8px;
@ -3886,14 +4019,24 @@ input[type=date]::-webkit-calendar-picker-indicator {
font-size: 24px;
padding: 12px 25px;
}
.shops_item-content-txt {
font-size: 18px;
.shops_item-info {
top: 20px;
right: 20px;
}
.shops_item-label {
top: 20px;
left: 20px;
}
.shops_item-content {
bottom: 20px;
left: 20px;
}
.shops_item-content-txt {
font-size: 16px;
}
.rest.page .rest_item {
width: calc(50% - 28px);
}
.footer_box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@ -3911,7 +4054,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.footer_col::after {
display: none;
}
.post {
padding: 40px 0;
}
@ -3929,7 +4071,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.post_info {
width: 100%;
}
.result.page .rest_item {
width: calc(50% - 28px);
}
@ -3939,7 +4080,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: calc(100% - 210px);
height: 35px;
}
.menu .mobile_buttons .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
@ -3957,7 +4097,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
margin: 15px 10px;
text-align: center;
}
.shops_tab {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@ -3975,7 +4114,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: 100%;
margin: 10px 0;
}
.movie_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -4005,7 +4143,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.movie_all {
display: none;
}
.modal .login_form {
padding: 75px 40px 65px;
}
@ -4019,7 +4156,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.modal .login_input input {
font-size: 14px;
}
.rest.page .rest_item-info {
text-align: center;
}
@ -4069,9 +4205,41 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: 20px;
height: 20px;
}
.intro {
min-height: 400px;
}
.intro_info {
min-height: 400px;
}
.intro_info-title {
font-size: 26px;
line-height: 1.3;
}
.intro_info-txt {
font-size: 16px;
line-height: 1.3;
}
.intro_info-link {
margin-top: 25px;
}
.intro_info-link a {
font-size: 14px;
}
.intro_info-link span {
width: 15px;
height: 15px;
}
.about {
padding: 40px 0;
}
.about_item-photo {
height: 370px;
height: 340px;
}
.about_item-title {
font-size: 24px;
}
.about_item-txt {
font-size: 16px;
}
.about_item-info-title {
font-size: 34px;
@ -4081,7 +4249,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
font-size: 20px;
margin-bottom: 10px;
}
.bill_aside {
width: calc(100% - 60px);
}
@ -4107,7 +4274,26 @@ input[type=date]::-webkit-calendar-picker-indicator {
.bill_item-link {
margin-top: 20px;
}
.bill_form {
margin: 0;
}
.bill_input {
width: 100%;
margin: 10px 0;
}
.bill_input input {
font-size: 15px;
line-height: 1.3;
}
.bill_btn {
margin: 10px 0 0 0;
}
.bill_btn button {
font-size: 15px;
line-height: 1.3;
padding: 12px 10px;
max-width: 160px;
}
.contact_info {
background: #fff;
padding: 30px 20px;
@ -4116,6 +4302,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
.contact_info-title {
color: #292929;
line-height: 1.4;
margin-bottom: 20px;
}
.contact_info-txt {
color: #292929;
@ -4127,8 +4314,8 @@ input[type=date]::-webkit-calendar-picker-indicator {
padding: 10px;
border-radius: 5px;
background: #292929;
width: 26px;
height: 26px;
width: 20px;
height: 20px;
}
.contact_info-media a svg path {
fill: #FFB100;
@ -4156,10 +4343,27 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: 100%;
margin: 20px 0;
}
.contact_map {
height: 350px;
}
.post_info-title {
font-size: 24px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.post_info-cnt {
margin: 20px 20px 0 0;
}
.post_slider-title {
font-size: 24px;
margin: 30px 0 20px;
}
.post .rest_item {
max-width: unset;
}
.post .rest_item-photo {
height: 170px;
}
.post .rest_item-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -4172,13 +4376,15 @@ input[type=date]::-webkit-calendar-picker-indicator {
}
.post .rest_item-floor {
margin-bottom: 15px;
font-size: 14px;
}
.post .rest_item-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
padding: 7px;
}
.result.page .rest_item {
width: calc(50% - 28px);
}
@ -4207,7 +4413,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
margin-bottom: 35px;
}
.result .menu_search-title {
font-size: 26px;
font-size: 20px;
}
.result .menu_search-txt {
font-size: 16px;
@ -4230,7 +4436,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.auto_container {
padding: 0 15px;
}
.header {
padding: 25px 0;
}
@ -4251,7 +4456,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: 36px;
height: 36px;
}
.menu.active {
top: 85px;
height: calc(100% - 85px);
@ -4298,16 +4502,17 @@ input[type=date]::-webkit-calendar-picker-indicator {
.menu_search-input input {
font-size: 14px;
}
.hero_item-photo {
height: 500px;
}
.hero_item-link {
font-size: 13px;
}
.shops {
padding: 50px 0;
padding: 20px 0 40px;
}
.shops_tab {
margin-bottom: 25px;
}
.shops_tab-link {
font-size: 15px;
@ -4316,7 +4521,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.shops_item {
height: 320px;
}
.movie_link {
font-size: 19px;
margin-bottom: 25px;
@ -4324,7 +4528,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.movie_item-photo {
height: 380px;
}
.modal .inner {
width: calc(100% - 20px);
}
@ -4344,12 +4547,12 @@ input[type=date]::-webkit-calendar-picker-indicator {
.modal .login_btn {
font-size: 16px;
}
.rest.page .rest_box {
margin: 0;
}
.rest.page .rest_item {
width: 100%;
max-width: 350px;
margin: 15px 0;
}
.rest_tabs-link {
@ -4361,7 +4564,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
padding: 15px;
width: calc(100% - 30px);
}
.pag {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -4372,7 +4574,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
font-size: 16px;
margin-top: 15px;
}
.footer_col {
width: calc(50% - 15px);
margin-right: 15px;
@ -4380,39 +4581,24 @@ input[type=date]::-webkit-calendar-picker-indicator {
.footer_col:nth-child(3) {
margin-right: 20px;
}
.intro {
min-height: 590px;
min-height: 300px;
}
.intro_info {
min-height: 590px;
min-height: 300px;
margin-top: 30px;
}
.intro_info-title {
font-size: 36px;
}
.intro_info-txt {
font-size: 18px;
}
.about {
padding: 40px 0;
}
.about_item-title {
font-size: 32px;
line-height: 1.4;
margin-bottom: 20px;
}
.about_item-txt {
font-size: 18px;
line-height: 1.8;
}
.about_item-photo {
height: 320px;
}
.contact {
margin-top: -140px;
margin-top: -70px;
}
.contact_box-title {
font-size: 20px;
@ -4420,34 +4606,26 @@ input[type=date]::-webkit-calendar-picker-indicator {
.contact_box-row {
margin-bottom: 20px;
}
.contact_box-row span {
display: none;
}
.contact_info-title {
font-size: 20px;
}
.contact_info-media {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact_info-media a {
margin-right: 15px;
}
.contact_map {
height: 460px;
.post {
padding: 15px 0 60px;
}
.post .rest_item-info {
text-align: center;
}
.post_photo {
height: 350px;
height: 300px;
}
.post_info-title {
font-size: 28px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.post_info-txt {
font-size: 18px;
font-size: 20px;
}
.post_info-cnt {
margin: 10px 20px 10px 0;
@ -4455,8 +4633,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
font-size: 12px;
}
.post_slider-title {
font-size: 25px;
margin: 30px 0;
font-size: 20px;
}
.post_slider .slick-dots {
bottom: -25px;
@ -4464,7 +4641,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.post_link {
margin-top: 65px;
}
.result.page .rest_box {
margin: 0;
-webkit-box-pack: center;
@ -4473,33 +4649,53 @@ input[type=date]::-webkit-calendar-picker-indicator {
}
.result.page .rest_item {
width: 100%;
max-width: 350px;
margin: 15px 0;
}
.result .menu_search {
margin-bottom: 35px;
}
.result .menu_search-title {
font-size: 26px;
}
.result .menu_search-input {
margin-right: 0px;
}
.result .menu_search-input input {
font-size: 16px;
padding: 12px 15px;
font-size: 14px;
padding: 10px 15px;
width: calc(100% - 30px);
line-height: 1.4;
}
.result .menu_search-btn {
font-size: 14px;
padding: 12px 25px;
padding: 10px 25px;
}
.bill {
overflow: hidden;
}
.bill_aside {
padding: 20px 15px;
width: calc(100% - 30px);
}
.bill_aside-title {
font-size: 16px;
}
.bill_item > div p {
font-size: 15px;
}
.bill_item-link {
font-size: 15px;
}
.bill_input label {
font-size: 15px;
}
.bill_input input {
padding: 12px;
width: calc(100% - 26px);
}
}
@media (max-width: 350px) {
.footer_col-link {
font-size: 12px;
}
.intro_info {
margin-top: 55px;
}
@ -4509,7 +4705,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.intro_info-txt {
font-size: 16px;
}
.about_item-title {
font-size: 26px;
}
@ -4520,7 +4715,6 @@ input[type=date]::-webkit-calendar-picker-indicator {
.about_item-photo {
height: 320px;
}
.bill_item > div p {
font-size: 16px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 707 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 411 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 740 B

View File

@ -27,7 +27,7 @@ is_hidden = 0
Контакты
</h4>
</div>
<div class="intro_info intro_contact">
<div class="intro_info">
<h2 class="intro_info-title wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".1s">
Свяжитесь с нами
</h2>