|
@@ -320,6 +320,13 @@ body .arrow:hover {
|
|
|
background: rgba(141, 194, 31, 0.8);
|
|
|
}
|
|
|
|
|
|
+@media screen and (max-width: 350px) {
|
|
|
+ #banner #banner-container .banner-m .bannerm-1 {
|
|
|
+ padding-right: 5px;
|
|
|
+ padding-left: 5px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
#banner #banner-container .banner-m .bannerm-1 .btn {
|
|
|
color: #fff;
|
|
|
width: 60px;
|
|
@@ -328,6 +335,13 @@ body .arrow:hover {
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
|
|
|
+@media screen and (max-width: 350px) {
|
|
|
+ #banner #banner-container .banner-m .bannerm-1 .btn {
|
|
|
+ width: 55px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
#banner #banner-container .banner-m .bannerm-1 .btn :focus {
|
|
|
outline: 0 !important;
|
|
|
-webkit-box-shadow: none;
|
|
@@ -388,7 +402,7 @@ body .arrow:hover {
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
-#banner #banner-container ul .nav-item .nav-item2:after {
|
|
|
+#banner #banner-container ul .nav-item .nav-item2:before {
|
|
|
content: url(../img/about/sec01/item-arrow.png);
|
|
|
display: block;
|
|
|
width: 80%;
|
|
@@ -405,7 +419,12 @@ body .arrow:hover {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
|
|
|
-#banner #banner-container ul .nav-item .nav-item2:focus:after {
|
|
|
+#banner #banner-container ul .nav-item .nav-item2:focus:before {
|
|
|
+ width: 80%;
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+#banner #banner-container ul .nav-item .nav-item2 .btncss {
|
|
|
width: 80%;
|
|
|
opacity: 1;
|
|
|
}
|