@media screen and (min-width: 0px) { .themecomp_megadiv.n985912{max-width:0px;z-index:999;min-height:100vh ;margin:0 auto 0 auto ;top:0 ;position:fixed ;} } @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n985912{display:none;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n985912{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n985912{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n985912{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n462125{z-index:99;width:180px ;padding:30px ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n462125{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n462125{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n462125{} }
kelvinlam.design
@media screen and (min-width: 0px) { .themecomp_megadiv.n656886{height:100% ;width:200px ;left:30px ;position:absolute ;} } @media screen and (min-width: 0px) {.themecomp_megadiv.n656886 .themecomp_peicon i {margin-top: -5px;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n656886{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n656886{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n656886{} }
.themecomp_menu.rand343175.themecomp_horis > .themecomp-menu-li:last-child > a {border-right:;} .themecomp_menu.rand343175 > .themecomp-menu-li > a .themecomp_span {border-bottom:yes; border-color:transparent;} .themecomp_menu.rand343175 > .themecomp-menu-li.current-menu-ancestor > a .themecomp_span, .themecomp_menu.rand343175 > .themecomp-menu-li.current-page-ancestor > a .themecomp_span, .themecomp_menu.rand343175 > .themecomp-menu-li.current-menu-item > a .themecomp_span {border-bottom:yes} .themecomp_menu.rand343175 *:not(.themecomp_outer):not(.themecomp_inner):not(.themecomp_span) {line-height:20px} .themecomp_menu.rand343175 > .themecomp-menu-li {} .themecomp_menu.rand343175 > .themecomp-menu-li > a {text-align: left;padding:5px 0px 5px 0px;background:;text-align:left;} .themecomp_menu.rand343175 > .themecomp-menu-li {text-align: left;font-weight:400;} .themecomp_menu.rand343175 .themecomp_little_label {background-color:;color:;} .themecomp_menu.rand343175 .sub-menu {background-color:#111111;border:0px solid #777;font-size:12px;box-shadow:;font-weight:;} .themecomp_menu.rand343175 .current-menu-ancestor > a, .themecomp_menu.rand343175 .current-page-ancestor > a, .themecomp_menu.rand343175 .current-menu-item > a {color:} .themecomp_menu.rand343175 .themecomp_little_label {margin:-9px 0px 0px 2px;} .themecomp_menu.rand343175 > .themecomp-menu-li:hover > a.themecomp_menu_a {color:#777777;background:;} .themecomp_menu.rand343175 > .themecomp-menu-li .themecomp-menu-li a {color:#c1c1c1;padding:5px 20px 5px 20px;min-width:200px;text-transform:none;text-shadow:none;} .themecomp_menu.rand343175 > .themecomp-menu-li .themecomp-menu-li:hover > a {color:#ffffff;background:;} .themecomp_menu.rand343175 .sub-menu .themecomp-menu-li > a {border-top:0px solid #777} body:not(.themecomp_mobile) .themecomp_menu.rand343175.themecomp_horis > .themecomp-menu-li.megamenu > ul > li > a {background-color:#111111;color:#c1c1c1 !important;} .themecomp_menu.rand343175.themecomp_horis > .themecomp-menu-li > a {border-left:;} .themecomp_menu.rand343175.themecomp_horis > .themecomp-menu-li.megamenu > .sub-menu > .themecomp-menu-li > a {border-right:0px solid #777} .themecomp_menu.rand343175.themecomp_horis .html_area.i .themecomp_peicon {height:20px} .themecomp_menu.rand343175.themecomp_vert {max-width:120px;border-width:0px 0px 0px 0px;border-color:;} .themecomp_menu.rand343175.themecomp_vert > .themecomp-menu-li > a {border-top:} /*Cart*/ .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] .themecomp_widprod_title, .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] .empty, .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] h6 {color:#c1c1c1 !important;} .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] a:hover .themecomp_widprod_title {color:#ffffff;} .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] li .themecomp_widprod_title:hover {color:#ffffff !important;} .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] a:not(.btn) {color:;} .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] a:not(.btn):hover {color:;} .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] {background:#ffffff;} .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"], .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] h5, .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] h6 {color:;} .themecomp_menu.rand343175 div[class*="widget_shopping_cart_cont"] .themecomp_buttons a:hover {color:#c1c1c1;}
@media screen and (min-width: 0px) { .themecomp_megadiv.n272040{z-index:99;height:160px ;padding:0px 20px 0 ;margin:0 auto 0 auto ;} } @media screen and (min-width: 1412px) {.themecomp_megadiv.n272040{display:none;}} @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n272040{display:block;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n272040{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n272040{padding:0px 15px 0 ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n272040{height:110px ;} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n135461{width:100% ;top:0 ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n135461{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n135461{right:0 ;left:auto ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n135461{float:right ;} }
.themecomp_height_218228{height:70px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_218228{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_218228{height:50px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_218228{height:15px;}}
.themecomp_menu.rand190410.themecomp_horis > .themecomp-menu-li:last-child > a {border-right:;} .themecomp_menu.rand190410 > .themecomp-menu-li > a .themecomp_span {border-bottom:yes; border-color:transparent;} .themecomp_menu.rand190410 > .themecomp-menu-li.current-menu-ancestor > a .themecomp_span, .themecomp_menu.rand190410 > .themecomp-menu-li.current-page-ancestor > a .themecomp_span, .themecomp_menu.rand190410 > .themecomp-menu-li.current-menu-item > a .themecomp_span {border-bottom:yes} .themecomp_menu.rand190410 *:not(.themecomp_outer):not(.themecomp_inner):not(.themecomp_span) {line-height:20px} .themecomp_menu.rand190410 > .themecomp-menu-li {} .themecomp_menu.rand190410 > .themecomp-menu-li > a {font-size: 12px;text-align: left;padding:0px 20px 10px 20px;background:;text-align:left;} .themecomp_menu.rand190410 > .themecomp-menu-li {font-size: 12px;text-align: left;font-weight:400;} .themecomp_menu.rand190410 .themecomp_little_label {background-color:;color:;} .themecomp_menu.rand190410 .sub-menu {background-color:#111111;border:0px solid #777;font-size:12px;box-shadow:;font-weight:;} .themecomp_menu.rand190410 .current-menu-ancestor > a, .themecomp_menu.rand190410 .current-page-ancestor > a, .themecomp_menu.rand190410 .current-menu-item > a {color:} .themecomp_menu.rand190410 .themecomp_little_label {margin:-15px 0px 0px -17px;} .themecomp_menu.rand190410 > .themecomp-menu-li:hover > a.themecomp_menu_a {color:#777777;background:;} .themecomp_menu.rand190410 > .themecomp-menu-li .themecomp-menu-li a {color:#c1c1c1;padding:5px 20px 5px 20px;min-width:200px;text-transform:none;text-shadow:none;} .themecomp_menu.rand190410 > .themecomp-menu-li .themecomp-menu-li:hover > a {color:#ffffff;background:;} .themecomp_menu.rand190410 .sub-menu .themecomp-menu-li > a {border-top:0px solid #777} body:not(.themecomp_mobile) .themecomp_menu.rand190410.themecomp_horis > .themecomp-menu-li.megamenu > ul > li > a {background-color:#111111;color:#c1c1c1 !important;} .themecomp_menu.rand190410.themecomp_horis > .themecomp-menu-li > a {border-left:;} .themecomp_menu.rand190410.themecomp_horis > .themecomp-menu-li.megamenu > .sub-menu > .themecomp-menu-li > a {border-right:0px solid #777} .themecomp_menu.rand190410.themecomp_horis .html_area.i .themecomp_peicon {height:20px} .themecomp_menu.rand190410.themecomp_vert {max-width:200px;border-width:0px 0px 0px 0px;border-color:;} .themecomp_menu.rand190410.themecomp_vert > .themecomp-menu-li > a {border-top:} /*Cart*/ .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] .themecomp_widprod_title, .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] .empty, .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] h6 {color:#c1c1c1 !important;} .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] a:hover .themecomp_widprod_title {color:#ffffff;} .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] li .themecomp_widprod_title:hover {color:#ffffff !important;} .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] a:not(.btn) {color:;} .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] a:not(.btn):hover {color:;} .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] {background:#ffffff;} .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"], .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] h5, .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] h6 {color:;} .themecomp_menu.rand190410 div[class*="widget_shopping_cart_cont"] .themecomp_buttons a:hover {color:#c1c1c1;}
.themecomp_toggle-wrapper-wrap.n529700 #themecomp_menu-toggle, .themecomp_toggle-wrapper-wrap.n529700 #themecomp_menu-toggle:before, .themecomp_toggle-wrapper-wrap.n529700 #themecomp_menu-toggle:after {background:#111111;} .themecomp_toggle-wrapper-wrap.n529700 {background:;border-color:;height:100%;border-width:0px 0px 0px 0px;text-align:right;} @media screen and (min-width: 0px) { .themecomp_toggle-wrapper-wrap.n529700 {padding:;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_toggle-wrapper-wrap.n529700 {padding:;} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_toggle-wrapper-wrap.n529700 {padding:;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_toggle-wrapper-wrap.n529700 {padding:;} }
.themecomp_mobile_menu.n529700 .themecomp-menu-li a {color:#111111 !important;background:transparent !important;} .themecomp_mobile_menu.n529700 {background:#ffffff;border-color:#ffffff;border-width:40px 0px 0px 0px;box-shadow:;}
@media screen and (min-width: 0px) { .themecomp_megadiv.n484291{z-index:99999;width:160px ;padding:20px 15px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n484291{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n484291{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n484291{width:100px ;padding:15px ;} }
kelvinlam.design
.themecomp_search_container.n427880 * {color:#ffffff}

Lost Something?

.themecomp_search_form.n_605358 ::-webkit-input-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_605358 ::-moz-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_605358 :-moz-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_605358 :-ms-input-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_605358 .themecomp_subwrap:hover {background:#333333 !important;} .themecomp_search_form.n_605358 .themecomp_subwrap:hover {color: !important;}
Type your keywords above
@media screen and (min-width: 0px) { .themecomp_megadiv.n610024{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n610024{display:none;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n610024{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n610024{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n610024{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n716261{margin:0 auto 0 auto ;text-align:center ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n716261{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n716261{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n716261{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n831252{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n831252{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n831252{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n831252{} }
.vc_custom_1462682509570{margin-bottom: 0px !important;} .n837059, .n837059 *:not(i){color:;} .n837059:hover, .n837059 *:hover {color: !important;}

Blog:

Different portfolio layouts can be created
in minutes with custom grid builder

@media screen and (min-width: 0px) { .themecomp_megadiv.n203039{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n203039{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n203039{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n203039{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n539567{text-align:center ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n539567{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n539567{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n539567{} }

Masonry:

Useful when your images
have different size and ratio
@media screen and (min-width: 0px) { .themecomp_item.n162784 {height:100px;} .themecomp_item.n162784 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n162784 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n162784 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n162784 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n296279{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n296279{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n296279{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n296279{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n503388{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n503388{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n503388{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n503388{} }
@media screen and (min-width: 0px) { .themecomp_item.n17584 {height:200px;} .themecomp_item.n17584 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n17584 {height:200px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n17584 {height:200px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n17584 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n996868{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n996868{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n996868{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n996868{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n256718{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n256718{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n256718{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n256718{} }
@media screen and (min-width: 0px) { .themecomp_item.n241369 {height:100px;} .themecomp_item.n241369 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n241369 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n241369 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n241369 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n551812{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n551812{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n551812{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n551812{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n602055{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n602055{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n602055{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n602055{} }
@media screen and (min-width: 0px) { .themecomp_item.n442635 {height:200px;} .themecomp_item.n442635 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n442635 {height:200px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n442635 {height:200px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n442635 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n630759{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n630759{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n630759{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n630759{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n926921{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n926921{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n926921{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n926921{} }
@media screen and (min-width: 0px) { .themecomp_item.n233132 {height:100px;} .themecomp_item.n233132 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n233132 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n233132 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n233132 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n649881{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n649881{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n649881{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n649881{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n588055{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n588055{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n588055{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n588055{} }
@media screen and (min-width: 0px) { .themecomp_item.n352081 {height:100px;} .themecomp_item.n352081 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n352081 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n352081 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n352081 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n106656{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n106656{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n106656{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n106656{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n41455{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n41455{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n41455{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n41455{} }
@media screen and (min-width: 0px) { .themecomp_item.n847733 {height:100px;} .themecomp_item.n847733 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n847733 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n847733 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n847733 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n877759{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n877759{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n877759{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n877759{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n700863{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n700863{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n700863{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n700863{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n224798{text-align:center ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n224798{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n224798{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n224798{} }

Wide:

When you want to show your content
with a flat and strict hierarchy
@media screen and (min-width: 0px) { .themecomp_item.n542587 {height:100px;} .themecomp_item.n542587 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n542587 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n542587 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n542587 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n685960{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n685960{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n685960{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n685960{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n326150{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n326150{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n326150{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n326150{} }
@media screen and (min-width: 0px) { .themecomp_item.n716106 {height:100px;} .themecomp_item.n716106 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n716106 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n716106 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n716106 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n48731{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n48731{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n48731{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n48731{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n173943{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n173943{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n173943{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n173943{} }
@media screen and (min-width: 0px) { .themecomp_item.n148243 {height:100px;} .themecomp_item.n148243 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n148243 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n148243 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n148243 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n511932{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n511932{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n511932{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n511932{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n989098{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n989098{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n989098{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n989098{} }
@media screen and (min-width: 0px) { .themecomp_item.n884511 {height:100px;} .themecomp_item.n884511 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n884511 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n884511 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n884511 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n374307{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n374307{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n374307{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n374307{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n720242{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n720242{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n720242{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n720242{} }
@media screen and (min-width: 0px) { .themecomp_item.n879224 {height:100px;} .themecomp_item.n879224 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n879224 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n879224 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n879224 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n309542{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n309542{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n309542{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n309542{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n421563{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n421563{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n421563{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n421563{} }
@media screen and (min-width: 0px) { .themecomp_item.n250259 {height:100px;} .themecomp_item.n250259 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n250259 {height:100px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n250259 {height:100px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n250259 {height:100px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n286493{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n286493{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n286493{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n286493{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n2986{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n2986{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n2986{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n2986{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n89654{text-align:center ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n89654{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n89654{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n89654{} }

Tiny:

If you have a large number of
posts and a minimum space
@media screen and (min-width: 0px) { .themecomp_item.n168823 {height:50px;} .themecomp_item.n168823 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n168823 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n168823 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n168823 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n923163{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n923163{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n923163{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n923163{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n992918{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n992918{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n992918{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n992918{} }
@media screen and (min-width: 0px) { .themecomp_item.n198054 {height:50px;} .themecomp_item.n198054 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n198054 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n198054 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n198054 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n227126{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n227126{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n227126{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n227126{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n825192{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n825192{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n825192{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n825192{} }
@media screen and (min-width: 0px) { .themecomp_item.n805087 {height:50px;} .themecomp_item.n805087 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n805087 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n805087 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n805087 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n806040{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n806040{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n806040{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n806040{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n241917{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n241917{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n241917{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n241917{} }
@media screen and (min-width: 0px) { .themecomp_item.n757167 {height:50px;} .themecomp_item.n757167 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n757167 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n757167 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n757167 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n925355{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n925355{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n925355{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n925355{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n40319{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n40319{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n40319{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n40319{} }
@media screen and (min-width: 0px) { .themecomp_item.n582514 {height:50px;} .themecomp_item.n582514 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n582514 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n582514 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n582514 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n150865{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n150865{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n150865{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n150865{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n931303{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n931303{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n931303{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n931303{} }
@media screen and (min-width: 0px) { .themecomp_item.n567921 {height:50px;} .themecomp_item.n567921 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n567921 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n567921 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n567921 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n615514{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n615514{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n615514{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n615514{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n371648{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n371648{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n371648{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n371648{} }
@media screen and (min-width: 0px) { .themecomp_item.n469553 {height:50px;} .themecomp_item.n469553 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n469553 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n469553 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n469553 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n701578{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n701578{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n701578{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n701578{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n119565{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n119565{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n119565{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n119565{} }
@media screen and (min-width: 0px) { .themecomp_item.n365636 {height:50px;} .themecomp_item.n365636 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n365636 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n365636 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n365636 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n921253{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n921253{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n921253{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n921253{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n565905{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n565905{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n565905{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n565905{} }
@media screen and (min-width: 0px) { .themecomp_item.n124349 {height:50px;} .themecomp_item.n124349 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n124349 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n124349 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n124349 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n774257{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n774257{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n774257{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n774257{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n474148{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n474148{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n474148{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n474148{} }
@media screen and (min-width: 0px) { .themecomp_item.n300106 {height:50px;} .themecomp_item.n300106 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n300106 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n300106 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n300106 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n362889{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n362889{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n362889{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n362889{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n250367{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n250367{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n250367{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n250367{} }
@media screen and (min-width: 0px) { .themecomp_item.n408775 {height:50px;} .themecomp_item.n408775 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n408775 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n408775 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n408775 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n718040{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n718040{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n718040{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n718040{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n832071{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n832071{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n832071{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n832071{} }
@media screen and (min-width: 0px) { .themecomp_item.n309359 {height:50px;} .themecomp_item.n309359 .row {height:100%;margin:0 -15px 0 -15px;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_item.n309359 {height:50px} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_item.n309359 {height:50px} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_item.n309359 {height:50px} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n257741{height:100% ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n257741{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n257741{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n257741{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n573639{height:100% ;background-color:#aaaaaa;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n573639{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n573639{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n573639{} }