11

css/mobile-first.css

@@ -60,7 +60,7 @@ p {
 .grecaptcha-badge { display: none !important;}
 .all_width_content {
     padding: 0;
-    background: #ececec;
+    background: #f1f1f1;
     margin-top: 90px;
 }
 
@@ -102,7 +102,7 @@ p {
 .list_tmbottom { padding-top: 20px;
     z-index: 9;
     margin: 0 auto;
-    background: #ececec;}
+    background: #f1f1f1;}
 .list_tmbottom input { width: 90%;}
 .list_tmbottom textarea {    width: 94%; margin-bottom: 15px; height: 100px;}
 .list_tmbottom h3 { font-size: 21px !important; line-height: 23px !important;}
@@ -334,7 +334,7 @@ p.nextinfo {text-align: center;}
     position: fixed;
     bottom: 0;
     right: 0;
-    box-shadow: -2px -2px 4px 0px #ececec;
+    box-shadow: -2px -2px 4px 0px #f1f1f1;
     width: 35%;
     z-index: 9999;}
 .web_cookie p {display: inline-block;
@@ -367,7 +367,7 @@ p.nextinfo {text-align: center;}
 .nextarticle {    float: left; position: relative; }               
 .infotailor {
     margin: 100px 0 0 0;
-    background: #ececec;
+    background: #f1f1f1;
     position: relative;
     clear: both;
 }
@@ -974,7 +974,7 @@ font-size: 27px;}
    }
 table.info_reco_table, table.tour_table {    width: max-content;}
 table.info_reco_table td { width: 270px;}
-table.tour_table td.tour_td_image {position:relative; width: 280px;}
+table.tour_table td.tour_td_image {position:relative; width: 220px;}
 .experience_info {    position: absolute;
     bottom: 0;
     color: #fff;
@@ -1020,18 +1020,17 @@ line-height: 20px;}
 .area_name a { text-decoration: none;}
 .country_name {position: absolute;
     top: 0;
-    width: 280px;
+    width: 220px;
     text-align: center;
     font-size: 23px;
     text-shadow: 1px 1px 1px #000;
     font-weight: 600;
-    height: 225px;
+    height: 295px;
 }
 .country_name strong { font-size: 27px;}
     .country_name a {background: rgb(0 0 0 / 45%);
         height: 100%;
-        line-height: 23px;
-        padding-top: 150px;
+        padding-top: 130px;
         display: block;
         text-decoration: none;
         font-family: 'Goudy Old Style';
@@ -1046,7 +1045,7 @@ line-height: 20px;}
 .plan_left_title {    width: 100%;
     position: absolute;
     text-align: center;
-    font-size: 21px;
+    font-size: 20px;
     font-family: 'Goudy Old Style';
     font-weight: 600;
     text-shadow: 1px 1px 1px #000;
@@ -1134,22 +1133,21 @@ display: table;}
     font-size: 20px;
     font-family: 'Goudy Old Style';
     line-height: 22px;
+    text-align:center;
 }
 .menu__link[data-submenu]::after {
     position: absolute;
     content: "";
-    width: 10px;
-    height: 10px;
+    width: 6px;
+    height: 6px;
     transition: transform 0.5s;
     -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-    border-top: 3px solid #000;
-    border-right: 3px solid #000;
-    float: right;
-    top: 12px;
-    right: 20px;
+    border-top: 2px solid #000;
+    border-right: 2px solid #000;
+    margin-top: 8px;
+    margin-left: 5px;
     transform: rotate( 
-45deg
- );
+45deg );
 }
 .menu__link:hover,
 .menu__link:focus,
@@ -2044,7 +2042,7 @@ img.bottomlogocenter { margin: 30px auto 10px auto;}
 .skipAhead li { width: calc(100% - 30px);}  
 
 /*tour page*/
-.ah_index_tour_bg { background: #ececec;}
+.ah_index_tour_bg { background: #f1f1f1;}
 .feedback_content strong { height: 45px;
     -webkit-line-clamp: 2;
     margin-bottom: 5px;}
@@ -2092,7 +2090,7 @@ img.bottomlogocenter { margin: 30px auto 10px auto;}
  .area_guide {margin: 15px 5px;}
  .trip_plan_left { width: 100%; display: flex;}
  .plan_left, .plan_left_right {     width: 100%;position: relative; margin: 0 5px 20px 5px;}
- .content_bg_grey { padding: 0 0 80px 0; background: #ececec; margin: 80px 0; display: inline-block;}
+ .content_bg_grey { padding: 0 0 80px 0; background: #f1f1f1; margin: 80px 0; display: inline-block;}
 .plan_left_title a {  padding-top: calc(100% - 100px);height: calc(100% - 200px);padding-bottom: calc(100% - 100px);}
 .more_tours { font-size: 25px; clear: both;}
  .travel_guide_city { display: flex; }
@@ -2131,7 +2129,7 @@ border-right: solid 30px rgb(0 0 0 / 85%);
             width: auto;
             position: initial;
             padding: 5px 10px 20px 10px;
-            background: #ececec;
+            background: #f1f1f1;
             color: #000;
             margin-bottom: -40px;
         }