1st commit
This commit is contained in:
766
css/responsive.css
Normal file
766
css/responsive.css
Normal file
@@ -0,0 +1,766 @@
|
||||
/* Responsive styles ========================================================= */
|
||||
|
||||
@media screen and (max-width: 1440px) {
|
||||
|
||||
.kk-content-boxed.kk_menu_default .content {
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
.kk-content-fullwidth.kk_menu_default .content-inner-wrapper {
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .content {
|
||||
margin: 0 0 0 300px;
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default .content.kk-is-homecaption,
|
||||
.kk-content-boxed.kk_menu_default_hidden .content.kk-is-homecaption {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .content.kk-is-homecaption {
|
||||
margin: 0;
|
||||
padding: 0 0 0 300px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1366px) {
|
||||
|
||||
.kk-content-boxed.kk_menu_default .content {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default_hidden .content {
|
||||
width: 890px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .content {
|
||||
margin: 0 0 0 280px;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
.kk_menu_fullscreen.kk-content-boxed .fullscreen-top-wrapper,
|
||||
.kk_menu_fullscreen.kk-content-boxed .content,
|
||||
.kk_menu_classic.kk-content-boxed .fullscreen-top-wrapper,
|
||||
.kk_menu_classic.kk-content-boxed .content {
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.kk-content-fullwidth.kk_menu_default .content-inner-wrapper {
|
||||
width: 93%;
|
||||
max-width: 940px;
|
||||
}
|
||||
|
||||
.kk_menu_default .fullmasonry ul li {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
.fullmasonry ul li {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1280px) {
|
||||
|
||||
.kk_menu_fullscreen.kk-content-fullwidth .fullscreen-top-wrapper,
|
||||
.kk-content-fullwidth .content-inner-wrapper,
|
||||
.kk_menu_slide_right.kk-content-fullwidth .content-inner-wrapper,
|
||||
.kk_menu_fullscreen.kk-content-fullwidth .content-inner-wrapper {
|
||||
width: 100%;
|
||||
padding-left: 35px;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default .content {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .content {
|
||||
width: 920px;
|
||||
}
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.kk_menu_default.kk-content-boxed #four-col-p .portfolio-title {
|
||||
max-width: 55%;
|
||||
}
|
||||
|
||||
.mfp-custom-arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
||||
.kk-content-boxed.kk_menu_default_hidden .content {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .content {
|
||||
width: 725px;
|
||||
margin: 0 0 0 270px
|
||||
}
|
||||
|
||||
.kk_menu_default.kk-content-boxed .content.kk-is-homecaption {
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
input, textarea, select {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.kk_menu_default .menu-wrapper {
|
||||
padding: 20px 30px;
|
||||
position: relative;
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.kk-content-fullwidth .content {
|
||||
padding: 40px 0 25px 0px;
|
||||
}
|
||||
|
||||
.kk_menu_default.kk-template-fullscreen .menu-wrapper,
|
||||
.kk_menu_default.kk-grid-active .menu-wrapper,
|
||||
.kk_menu_default.kk-content-fullwidth .menu-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kk_menu_default .logo {
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.kk_menu_default .menu-wrapper .logo img {
|
||||
max-height: 40px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.kk_menu_default .menu-wrapper .main-nav {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding-left: 0;
|
||||
float: right;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.kk_menu_default .menu-wrapper .main-nav ul,
|
||||
.kk_menu_default .menu-wrapper .footer,
|
||||
.kk_menu_default_hidden .kk-mobile-trigger,
|
||||
.kk_menu_left_boxed .kk-mobile-trigger {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.kk_menu_default .mobile-menu {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.kk-mobile-trigger {
|
||||
display: block;
|
||||
right: 27px;
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default .content {
|
||||
left: 0;
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.kk_menu_default .royalSlider_fullscreen {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default .portfolio-wrapper #four-col-p li,
|
||||
.kk-content-boxed.kk_menu_default .gallery-wrapper #four-col-p li {
|
||||
width: 32.2%;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .portfolio-wrapper #three-col-p li,
|
||||
.kk_menu_left_boxed .gallery-wrapper #three-col-p li,
|
||||
.kk_menu_left_boxed .portfolio-wrapper #four-col-p li,
|
||||
.kk_menu_left_boxed .gallery-wrapper #four-col-p li {
|
||||
width: 48.8%;
|
||||
}
|
||||
|
||||
|
||||
.kk_menu_default.kk-template-fullscreen .royalSlider_fullscreen {
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
.kk_menu_default .kk-icons-wrapper {
|
||||
left: auto;
|
||||
z-index: 105;
|
||||
right: 70px;
|
||||
top: 23px;
|
||||
}
|
||||
|
||||
.kk-mobile-trigger {
|
||||
|
||||
}
|
||||
|
||||
.kk_menu_default.kk-fs-g .kk-info-trigger,
|
||||
.kk_menu_default .kk-thumbs-trigger {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
font-size: 19px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.kk_menu_default.kk-fs-g .kk-info-trigger:hover,
|
||||
.kk_menu_default .kk-thumbs-trigger:hover,
|
||||
.kk_menu_default .kk-thumbs-trigger.activeThumb {
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.fullmasonry {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.kk_menu_default.kk-grid-active .kk-icons-wrapper,
|
||||
.kk_menu_default.page-template-template-homepage-grid .kk-icons-wrapper,
|
||||
.kk_menu_default_hidden.page-template-template-homepage-grid .kk-icons-wrapper {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.info-fs-form .content-inner-wrapper {
|
||||
width: 100%;
|
||||
padding: 0 70px;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .main-nav li a,
|
||||
.kk_menu_fullscreen .main-nav li a {
|
||||
font-size: 24px;
|
||||
padding: 10px 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
.kk-content-boxed.kk_menu_default_hidden .content {
|
||||
width: 698px;
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default_hidden .inner-content,
|
||||
.kk-content-boxed.kk_menu_default_hidden .sidebar {
|
||||
float: none!important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .content {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.kk_menu_fullscreen.kk-content-boxed .fullscreen-top-wrapper,
|
||||
.kk_menu_fullscreen.kk-content-boxed .content,
|
||||
.kk_menu_classic.kk-content-boxed .fullscreen-top-wrapper,
|
||||
.kk_menu_classic.kk-content-boxed .content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.portfolio-wrapper #four-col-p li,
|
||||
.gallery-wrapper #four-col-p li,
|
||||
.kk_menu_default_hidden .portfolio-wrapper #three-col-p li,
|
||||
.kk_menu_default_hidden .gallery-wrapper #three-col-p li {
|
||||
width: 48.2%;
|
||||
}
|
||||
|
||||
.kk_menu_default .portfolio-wrapper #four-col-p li,
|
||||
.kk_menu_default .gallery-wrapper #four-col-p li {
|
||||
width: 32.2%;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .fullmasonry ul li {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
.kk_menu_default .menu-wrapper,
|
||||
.kk-content-boxed.kk_menu_default .content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .menu-wrapper {
|
||||
padding: 20px 30px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
height: 80px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed.kk-grid-active .menu-wrapper,
|
||||
.kk_menu_left_boxed.kk-template-fullscreen .menu-wrapper,
|
||||
.kk_menu_left_boxed .menu-wrapper,
|
||||
.kk_menu_left_boxed .main-nav .sub-menu {
|
||||
background: #222;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .logo {
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
float: left;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .logo a img {
|
||||
max-height: 40px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .menu-wrapper .main-nav {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
float: right;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .menu-wrapper .footer,
|
||||
.kk_menu_left_boxed .menu-wrapper .main-nav ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .mobile-menu,
|
||||
.kk_menu_left_boxed .kk-mobile-trigger {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .kk-icons-wrapper {
|
||||
left: auto;
|
||||
z-index: 105;
|
||||
right: 70px;
|
||||
top: 23px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed.kk-fs-g .kk-info-trigger, .kk_menu_left_boxed .kk-thumbs-trigger {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed.kk-template-fullscreen .royalSlider_fullscreen,
|
||||
.kk_menu_left_boxed .royalSlider_fullscreen {
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .fullmasonry ul li {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right.kk-menu-open .royalSlider_fullscreen,
|
||||
.kk_menu_slide_right.kk-content-fullwidth.kk-menu-open .content,
|
||||
.kk_menu_slide_right.kk-menu-open .video-bg,
|
||||
.kk_menu_slide_right.kk-menu-open #kenburns,
|
||||
.kk_menu_slide_right.kk-menu-open .fullmasonry,
|
||||
.kk-menu-open .creative-top-wrapper-bg,
|
||||
.kk_menu_slide_right.kk-menu-open .kk-bg-overlay,
|
||||
.kk_menu_slide_right.kk-menu-open .kk-homepage-o,
|
||||
.kk_menu_slide_right.kk-menu-open .kk-fallback-img {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
-ms-transform: translate(-100%, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .menu-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .post-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .main-nav li a,
|
||||
.kk_menu_fullscreen .main-nav li a {
|
||||
font-size: 30px;
|
||||
padding: 14px 30px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed.kk-fs-g .kk-info-trigger:hover,
|
||||
.kk_menu_left_boxed .kk-thumbs-trigger:hover,
|
||||
.kk_menu_left_boxed .kk-thumbs-trigger.activeThumb {
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 766px) {
|
||||
|
||||
.kk_menu_fullscreen.kk-content-fullwidth .fullscreen-top-wrapper,
|
||||
.kk-content-fullwidth .content-inner-wrapper,
|
||||
.kk_menu_slide_right.kk-content-fullwidth .content-inner-wrapper,
|
||||
.kk_menu_fullscreen.kk-content-fullwidth .content-inner-wrapper {
|
||||
width: 100%;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.kk-content-fullwidth .kk-parallax-wrapper .kk-parallax-title-wrapper h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
|
||||
.kk_menu_fullscreen.kk-content-fullwidth .fullscreen-top-wrapper {
|
||||
padding: 20px 10px 10px 10px;
|
||||
}
|
||||
|
||||
|
||||
.kk_menu_fullscreen .fullscreen-top-wrapper {
|
||||
padding: 20px 10px 10px 10px;
|
||||
}
|
||||
|
||||
.kk_menu_default .menu-wrapper,
|
||||
.kk_menu_left_boxed .menu-wrapper {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
|
||||
.kk_menu_left_boxed .content.kk-is-homecaption {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.gallery-wrapper[data-layout="2-column"] li,
|
||||
.gallery-wrapper[data-layout="3-column"] li,
|
||||
.gallery-wrapper[data-layout="4-column"] li {
|
||||
width: 48.2%;
|
||||
}
|
||||
|
||||
.kk-content-fullwidth.kk_menu_default_hidden .content {
|
||||
padding: 0 0 0 30px;
|
||||
}
|
||||
|
||||
.portfolio-wrapper #three-col-p li,
|
||||
.gallery-wrapper #three-col-p li,
|
||||
.kk_menu_default .portfolio-wrapper #four-col-p li,
|
||||
.kk_menu_default .gallery-wrapper #four-col-p li {
|
||||
width: 48.2%;
|
||||
}
|
||||
|
||||
.kk-content-boxed .content-inner-wrapper {
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
#multi li {
|
||||
width: 32.2%;
|
||||
}
|
||||
|
||||
.effect-zoom img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog-meta {
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
.inner-content,
|
||||
.sidebar {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.single-portfolio .sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page-title h1,
|
||||
.post-title h1,
|
||||
.kk-woo-shop .page-title,
|
||||
.single-product .kk-woo-shop h1.product_title {
|
||||
font-size: 42px;
|
||||
}
|
||||
|
||||
.page-title,
|
||||
.post-title,
|
||||
.kk-woo-shop .page-title,
|
||||
.single-product .kk-woo-shop h1.product_title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.divider {
|
||||
margin: 0 auto 50px;
|
||||
}
|
||||
|
||||
.kk_vc .vc_row-fluid .wpb_column {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.kk-search-close,
|
||||
.kk-info-close {
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0px 20px 0px;
|
||||
}
|
||||
|
||||
.info-fs-form .content-inner-wrapper {
|
||||
padding: 0 25px;
|
||||
}
|
||||
|
||||
.mfp-custom-arrow {
|
||||
padding: 0;
|
||||
font-size: 32px;
|
||||
margin-top: -22px;
|
||||
}
|
||||
|
||||
.fullmasonry ul li {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .mobile-menu {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
width: 190px;
|
||||
background-color: #383838;
|
||||
color: #FFF;
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .menu-wrapper .main-nav ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .menu-wrapper {
|
||||
-webkit-transform: translate3d(-90%, 0, 0);
|
||||
transform: translate3d(-90%, 0, 0);
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .menu-helper {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .kk-menu-trigger span,
|
||||
.kk_menu_default_hidden .kk-menu-trigger span:before,
|
||||
.kk_menu_default_hidden .kk-menu-trigger span:after {
|
||||
width: 18px;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .kk-menu-trigger span:after {
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .kk-menu-trigger span:before {
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span,
|
||||
.kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:before,
|
||||
.kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:after {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
|
||||
.kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:after {
|
||||
-webkit-transform: translate3d(0, -6px, 0) rotate(-225deg);
|
||||
-ms-transform: translate3d(0, -6px, 0) rotate(-225deg);
|
||||
transform: translate3d(0, -6px, 0) rotate(-225deg);
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:before {
|
||||
-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
|
||||
-ms-transform: translate3d(0, 6px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 6px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .kk-search {
|
||||
font-size: 18px;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden.kk-fs-g .kk-info-trigger,
|
||||
.kk_menu_default_hidden.kk-template-fullscreen .kk-thumbs-trigger {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.icons-wrapper {
|
||||
left: 0;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .icons-wrapper .kk-menu-trigger,
|
||||
.kk_menu_default_hidden .kk-search,
|
||||
.kk_menu_default_hidden.kk-fs-g .kk-info-trigger {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.search-fs-form .searchform {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
.search-fs-form .searchform input[type="text"] {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .royalSlider_fullscreen,
|
||||
.kk_menu_default_hidden.kk-menu-open .royalSlider_fullscreen {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default_hidden .content {
|
||||
-webkit-transform: translate3d(30px, 0, 0);
|
||||
transform: translate3d(30px, 0, 0);
|
||||
}
|
||||
|
||||
.kk-content-boxed.kk_menu_default_hidden .content {
|
||||
width: 100%;
|
||||
margin-left: -17px;
|
||||
}
|
||||
|
||||
.kk_menu_default_hidden .fullmasonry,
|
||||
.kk_menu_default_hidden.kk-menu-open .fullmasonry {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.kk-thumbs-on .rsKK .rsThumbs {
|
||||
z-index: 95;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .social {
|
||||
float: none;
|
||||
width: 100%;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .footer,
|
||||
.kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .footer {
|
||||
text-align: center;
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .main-nav li a,
|
||||
.kk_menu_fullscreen .main-nav li a {
|
||||
font-size: 16px;
|
||||
padding: 3px 15px;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .creative-top-wrapper,
|
||||
.kk_menu_slide_right .creative-top-wrapper-fixed,
|
||||
.kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .creative-top-wrapper,
|
||||
.kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .creative-top-wrapper-fixed {
|
||||
padding: 15px 10px 15px 10px;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .creative-top-wrapper .logo img,
|
||||
.kk_menu_fullscreen .logo img {
|
||||
max-height: 35px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.kk_menu_default .kk-icons-wrapper,
|
||||
.kk_menu_left_boxed .kk-icons-wrapper {
|
||||
right: 50px;
|
||||
}
|
||||
|
||||
.kk-mobile-trigger {
|
||||
display: block;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
body.kk-is-borders {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .kk-borders {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right .main-nav .sub-menu li.dl-back a,
|
||||
.kk_menu_fullscreen .main-nav .sub-menu li.dl-back a {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .royalSlider_fullscreen,
|
||||
.kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .fullmasonry .gallery-full-masonry {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 440px) {
|
||||
.gallery-wrapper[data-layout="2-column"] li,
|
||||
.gallery-wrapper[data-layout="3-column"] li,
|
||||
.gallery-wrapper[data-layout="4-column"] li,
|
||||
.portfolio-wrapper #three-col-p li,
|
||||
.gallery-wrapper #three-col-p li,
|
||||
.portfolio-wrapper #four-col-p li,
|
||||
.gallery-wrapper #four-col-p li,
|
||||
.kk_menu_default_hidden .portfolio-wrapper #three-col-p li,
|
||||
.kk_menu_default_hidden .gallery-wrapper #three-col-p li,
|
||||
.kk_menu_left_boxed .portfolio-wrapper #three-col-p li,
|
||||
.kk_menu_left_boxed .gallery-wrapper #three-col-p li,
|
||||
.kk_menu_left_boxed .portfolio-wrapper #four-col-p li,
|
||||
.kk_menu_left_boxed .gallery-wrapper #four-col-p li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.portfolio-wrapper #three-col-p li,
|
||||
.gallery-wrapper #three-col-p li,
|
||||
.portfolio-wrapper #four-col-p li,
|
||||
.gallery-wrapper #four-col-p li {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.portfolio-title,
|
||||
.kk-likes-portfolio {
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.kk-search-close span,
|
||||
.kk-search-close span:before,
|
||||
.kk-search-close span:after,
|
||||
.kk-info-close span,
|
||||
.kk-info-close span:before,
|
||||
.kk-info-close span:after {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.blog-content .blog-title,
|
||||
.quote-text {
|
||||
font-size: 20px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.fullmasonry ul li,
|
||||
.kk_menu_default_hidden .fullmasonry ul li,
|
||||
.kk_menu_left_boxed .fullmasonry ul li {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user