@charset "utf-8"; /* CSS Document */ @media only screen and (min-width:768px) { ul#menu { display: block !important; } #header #main-menu ul li ul.sub-menu { clear:right; width: 190px; top: 106px; z-index:9999; background: #252525; text-align:left; padding-top: 10px; opacity:0; position:absolute; left: 0; border-radius:0; border-bottom: 10px solid #252525; } #header #main-menu ul li ul.sub-menu li { margin: 0; width: auto; opacity: 0; visiblity: hidden; float: none; padding:0; } #header #main-menu ul li ul.sub-menu li a { color:#fff; padding:0 20px; border:none; } #header #main-menu ul li.menu-item:hover ul.sub-menu { opacity:1; } #header #main-menu ul li.menu-item:hover ul.sub-menu > li { opacity: 1; visiblity: visible; } #header #main-menu ul.menu > li:last-child > a { margin-right:0; } #main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul, #main-menu ul li.menu-item-simple-parent > ul > li:hover ul > li > ul { opacity: 0; text-align:left; visibility:hidden; } #main-menu ul li.menu-item-simple-parent:hover > ul, #main-menu ul li.menu-item-simple-parent > ul > li:hover ul, #main-menu ul li.menu-item-simple-parent > ul > li:hover ul > li:hover ul, #main-menu ul li.menu-item-simple-parent:hover > ul { opacity: 1; visibility:visible; } #main-menu ul li.menu-item-simple-parent ul{ width: 200px; background:#fff; padding:0; position:absolute; left:0; float:left; z-index:1; opacity: 0; } #main-menu ul li.menu-item-simple-parent ul li { display:block; padding:0 15px; position:relative; border-bottom: 1px solid #ededed; } #main-menu ul li.menu-item-simple-parent ul li:last-child { border-bottom: none; } #header #main-menu ul li.menu-item-simple-parent ul li a, .type-1 #header nav#main-menu ul.sub-menu li a, .type-3 #header.type3 nav#main-menu ul.sub-menu li a { position: relative; padding: 5px 20px; display: block; line-height:30px; } #header #main-menu ul li.menu-item-simple-parent ul li { padding: 0; width: 100%; } #header #main-menu ul li.menu-item-simple-parent ul li:last-child > a { border:none; } #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { left: 190px; top: -50px; top: 3px\9; } #header-sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { left: auto; right: 0; top: 30px\9; } @-moz-document url-prefix() { #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul, #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: 4px; } } #header.is-sticky #main-menu ul li.menu-item-simple-parent ul li ul { left:auto; right: 199px; } #header #main-menu ul li.menu-item-simple-parent:last-child ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul, #main-menu ul li.menu-item-simple-parent:nth-child(7) ul, #header #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul { right: 0; left:inherit; } #header.type3 #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #header.type3 ul li.menu-item-simple-parent:nth-child(6) ul li ul, #header.type3 ul li.menu-item-simple-parent:nth-child(7) ul li ul { left: -190px; right: auto; } #header #main-menu ul li.menu-item-simple-parent ul li a .fa { margin-right:5px; } #header.type4 #main-menu ul li.menu-item > ul.sub-menu { left: -305px; top: 0; width: 310px; opacity: 0; padding: 0; border-bottom: 0; } #header.type4 #main-menu ul li.menu-item:hover > ul.sub-menu { opacity: 1; left: -310px; } #header.type4 #main-menu ul li.menu-item > ul.sub-menu li { display: inline-block; border: none; } #header.type4 #main-menu ul li.menu-item > ul.sub-menu li a { padding: 18px; margin: 0; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-size: 24px; } #header.type4 #main-menu ul li.menu-item-simple-parent:last-child ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(6) ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(7) ul, #header.type4 #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul { top: auto; bottom: 0; } #main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul, #main-menu ul li.menu-item-simple-parent > ul > li:hover ul > li > ul { opacity: 0; text-align:left; visibility:hidden; } #main-menu ul li.menu-item-simple-parent:hover > ul, #main-menu ul li.menu-item-simple-parent > ul > li:hover ul, #main-menu ul li.menu-item-simple-parent > ul > li:hover ul > li:hover ul, #main-menu ul li.menu-item-simple-parent:hover > ul { opacity: 1; visibility:visible; } #panel ul li ul.sub-menu li a { padding: 10px 20px; color:#fff; border:none; margin: 0; } #panel ul li a:before { position: absolute; top: 60%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 10px; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -ms-transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); pointer-events: none; } #panel ul li.menu-item-simple-parent ul li { border: none; padding: 0; } #panel .main-menu ul li ul.sub-menu { top: 82px; background: #252525; left: 0; } #panel .main-menu ul li ul.sub-menu li a:before { left: 30px; } #panel .main-menu ul li:hover > ul.sub-menu { visibility: visible; opacity: 1; } #panel .main-menu ul li ul.sub-menu li, #panel .main-menu ul li ul.sub-menu li a { width: 100%; } #panel .main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu { left: inherit; margin-top: 0; right: -200px; top: 0; } #panel .main-menu ul li:nth-child(6) ul.sub-menu, #panel .main-menu ul li:nth-child(7) ul.sub-menu, #panel .main-menu ul li:nth-child(8) ul.sub-menu, #panel .main-menu ul li:nth-child(9) ul.sub-menu { left:auto; right:0; } #panel .main-menu ul li:nth-child(6) ul.sub-menu ul.sub-menu, #panel .main-menu ul li:nth-child(7) ul.sub-menu ul.sub-menu, #panel .main-menu ul li:nth-child(8) ul.sub-menu ul.sub-menu, #panel .main-menu ul li:nth-child(9) ul.sub-menu ul.sub-menu { left: auto; right: 200px; } #panel ul.sub-menu li:last-child > a{ padding: 10px 20px 15px; } #panel ul.sub-menu li:last-child > a:before { top: 50%; } .type-6 #header #main-menu { float: none; text-align: center; display: inline-block; width: 100%; } .type-6 #header-sticky-wrapper.sticky-wrapper #header { background: #252525; padding: 10px 0 0; } .type-6 #header-sticky-wrapper.sticky-wrapper #header #logo { display: inline-block; float: none; } } @media only screen and (min-width:1501px) and (max-width:1760px) { .dt-sc-service-carousel .dt-sc-carousel-wrapper { padding: 30px 30px 30px 0; } .dt-sc-service-carousel .dt-sc-carousel li h2, .dt-sc-carousel li p { width: 85%; } .dt-sc-service-carousel .dt-sc-carousel li h2 { font-size: 40px; } .dt-sc-service-carousel #pager { right: 30px; } .dt-sc-tabs-vertical-frame-content .tab-content .dt-sc-two-fifth img { width: 28%; } .dt-sc-tabs-vertical-frame-content .tab-content .dt-sc-one-third img.non-sticky { width: 22%; } .dt-sc-tabs-vertical-frame-content .tab-content .dt-sc-one-half img { width: 40%; } .dt-sc-tabs-vertical-frame-content .tab-content .dt-sc-one-half img.non-sticky { width: 33%; } .dt-sc-ico-content.type4 { margin-bottom: 9px; } .type-1 .grid-slider #home.content, .type-5 .grid-slider #home.content, #sb-site.grid-slider #home.content { height: auto; } .header.type2 ul { width: 240px; } .header.type2 ul.is-visible li ul.sub-menu.is-visible, .header.type2 ul.is-visible li ul.sub-menu.is-visible ul.sub-menu.is-visible { right: 238px; } #header.type4 #main-menu ul li a { font-size: 28px; } #header #main-menu ul.menu.type6 > li > a { padding: 25px 0; } .header.type2 ul.is-visible li.menu-item-simple-parent:last-child ul li ul, .header.type2 ul.is-visible li.menu-item-simple-parent:nth-child(6) ul li ul, .header.type2 ul.is-visible li.menu-item-simple-parent:nth-child(7) ul li ul, .header.type2 ul.is-visible li.menu-item-simple-parent:nth-child(8) ul li ul,.header.type2 ul.is-visible li.menu-item-simple-parent:nth-child(9) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(8) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(9) ul li ul { top: auto; bottom: 0; } @-moz-document url-prefix() { .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(6) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(6) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(7) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(7) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(8) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(9) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu { top: auto; bottom: 10px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu { top: 20px; bottom: auto; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:last-child ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(6) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(7) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul { bottom: -54px; } } } @media only screen and (min-width: 768px) { .boxed .wrap, .boxed .mockup__img { width: 100%; } .boxed .mockup-slider #home.content { height: auto; } .boxed .mockup { -webkit-transform: none !important; transform: none !important; -ms-transform: none !important; } .boxed .screen { width: 864px; height: 534px; top: 0; left: 270px; -webkit-transform: matrix3d(0.452711, 0.150864, 0, -0.0001152695, -0.00719944, 0.673513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); transform: matrix3d(0.452711, 0.150864, 0, -0.0001152695, -0.00719944, 0.673513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -ms-transform: matrix3d(0.452711, 0.150864, 0, -0.0001152695, -0.00719944, 0.673513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); } .boxed .mobile { width: 220px; top: 560px; left: 311px; height: 330px; -webkit-transform: matrix3d(0.452779, 0.092834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); transform: matrix3d(0.452779, 0.092834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -ms-transform: matrix3d(0.452779, 0.092834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); } } @media only screen and (min-width:960px) and (max-width:1559px) { h1, h2, h3, h4, h5, h6 { line-height: normal; } .dt-sc-portfolio figcaption a span:before, .boxed .dt-sc-portfolio figcaption a span:before { font-size: 12px; } .dt-sc-portfolio figcaption a.zoom span:before, .boxed .dt-sc-portfolio figcaption a.zoom span:before { margin-left: 0; margin-top: 0; } .dt-sc-portfolio figcaption a.view span:before, .boxed .dt-sc-portfolio figcaption a.view span:before { margin-right: 0; margin-bottom: 0; } .dt-sc-portfolio figcaption a.zoom span:after, .boxed .dt-sc-portfolio figcaption a.zoom span:after { border-right: 35px solid transparent; } .dt-sc-portfolio figcaption a.view span:after, .boxed .dt-sc-portfolio figcaption a.view span:after { border-left: 35px solid transparent; } .dt-sc-tabs-vertical-frame-content .tab-content, .boxed .dt-sc-tabs-vertical-frame-content .tab-content { padding: 4%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame { width: 32%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a { padding: 6.8% 1.8%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 68%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column { width: 100% !important; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column { width: 49% !important; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span { font-size: 12px; } .dt-sc-tabs-vertical-frame-content .tab-content img { display: none; } .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h5, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 70%; } .video-slider #home.content, .grid-slider #home.content, .type-1 .grid-slider #home.content, .type-5 .grid-slider #home.content, #sb-site.grid-slider #home.content { height: auto; } .header.type2 ul.is-visible li:nth-child(6) ul.sub-menu.is-visible, .header.type2 ul.is-visible li:nth-child(7) ul.sub-menu.is-visible, .header.type2 ul.is-visible li:nth-child(9) ul.sub-menu.is-visible, .header.type2 ul.is-visible li:nth-child(10) ul.sub-menu.is-visible, .header.type2 ul.is-visible li:nth-child(6) ul.sub-menu.is-visible ul.sub-menu.is-visible, .header.type2 ul.is-visible li:nth-child(7) ul.sub-menu.is-visible ul.sub-menu.is-visible, .header.type2 ul.is-visible li:nth-child(9) ul.sub-menu.is-visible ul.sub-menu.is-visible, .header.type2 ul.is-visible li:nth-child(10) ul.sub-menu.is-visible ul.sub-menu.is-visible { top: auto; bottom: 0; } #main-menu ul li.menu-item-simple-parent:nth-child(5) ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul, #header #main-menu ul li.menu-item-simple-parent:nth-child(5) ul.sub-menu li ul, #header #main-menu ul li.menu-item-simple-parent:nth-child(6) ul.sub-menu li ul, #main-menu ul li.menu-item-simple-parent:nth-child(5) ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul { left: inherit; right: 0; } .sb-slidebar { padding: 0 !important; } #header.type4 #main-menu { float: none; display: inline-block; } #header.type4 #main-menu ul li a { font-size: 20px; padding: 12px 0 12px 12px; } #header.type4 #main-menu #logo { padding:40px 0 20px; } #header.type4 #main-menu ul li.menu-item > ul.sub-menu li a { padding: 10px; font-size: 22px; } #header.type4 #main-menu ul li.menu-item-simple-parent:last-child ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(6) ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(7) ul { top: auto; bottom: 0; } #header.type4 #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(8) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(9) ul li ul { top: auto; bottom: 0; } } @media only screen and (min-width:1281px) and (max-width:1500px) { h6 { letter-spacing: 4px; } .boxed .screen { width: 865px; height: 540px; top: 0; left: 268px; transform: matrix3d(0.46, 0.143934, 0, -0.000105269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -ms-transform: matrix3d(0.46, 0.143934, 0, -0.000105269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -webkit-transform: matrix3d(0.46, 0.143934, 0, -0.000105269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); } .boxed .mobile { width: 233px; top: 560px; left: 311px; height: 350px; transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -ms-transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -webkit-transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); } #loader-wrapper .large-header h1 { font-size: 30px; } #header #main-menu ul.menu.type6 a { font-size: 20px; padding: 15px; } #header #main-menu ul.menu.type6 > li { width: 240px; } #header #main-menu ul.menu.type6 > li > a { padding: 18px 0; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu { top: -58px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu { left: 239px; top: 4px; width: 239px; } .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(6) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(6) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(7) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(7) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(8) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(9) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu { top: auto; bottom: 6px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu { top:20px; bottom:auto; } @-moz-document url-prefix() { .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(6) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(6) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(7) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(7) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(8) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li:nth-child(9) ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li:nth-child(8) ul.sub-menu { top: auto; bottom: 2px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:last-child ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(6) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(7) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul { bottom: -54px; } } .dt-sc-service-carousel .dt-sc-carousel li h2, .dt-sc-carousel li p { width: 95%; } .dt-sc-service-carousel .dt-sc-carousel li h2 { font-size: 36px; margin-bottom: 10px; } .dt-sc-author-info img { margin-right: 3%; } .dt-sc-author-desc { width: 82%; } .dt-sc-author-info { padding: 3%; } article.blog-entry .entry-thumb .entry-title h5, article.blog-entry .black-box .entry-title h4 a, #primary.with-sidebar article.blog-entry .black-box .entry-title h4 a, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar.with-both-sidebar article.blog-entry .entry-thumb .entry-title h5 { font-size: 18px; } } @media only screen and (min-width:1120px) and (max-width:1280px) { h6 { letter-spacing: 4px; } #loader-wrapper .large-header h1 { font-size: 30px; } .container { width:1060px; } .boxed .wrapper .type-1 #header-sticky-wrapper.sticky-wrapper #header, .boxed #header, .boxed .wrapper, .boxed #panel { width:1100px; } /*----*****---- << Layout >> ----*****----*/ #primary { width: 60%; float:left; } #primary.with-right-sidebar { margin-right: 5%; } #primary.with-left-sidebar { margin-left: 5%; float:right; } #primary.with-both-sidebar { width: 46%; margin: 0 3%; } #primary.content-full-width { margin-left:0; margin-right:0; width:100%; } #primary .dt-sc-entry-details .dt-sc-entry-title h4 { margin-bottom: -10px; padding-bottom: 40px; } .secondary-sidebar { float:left; width: 35%; } .secondary-sidebar.secondary-has-both-sidebar { width: 24%; } .widget.widget_search #searchform input[type="text"] { width: 75%; } .widget.widget_search #searchform input[type="submit"] { width: 25%; } #primary .main-title { padding-bottom: 50px; margin-bottom: 0; } #header #main-menu ul.menu.type6 a:before, #header #main-menu ul.menu.type6 a:after { width: 55px; height: 55px; } #header.type3 nav#main-menu ul.menu li:first-child, .boxed #header.type3 nav#main-menu ul.menu li:first-child { margin-left: 0; } #header.type3 nav#main-menu ul.menu li { margin-left: 20px; } .boxed #header.type3 nav#main-menu ul.menu li { margin-left: 15px; } ::i-block-chrome, .boxed .video-slider #home.content { margin-bottom: -30%; } .boxed .screen { width: 766px; height: 469px; top: 0; left: 188px; transform: matrix3d(0.45, 0.143934, 0, -0.000105269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -ms-transform: matrix3d(0.45, 0.143934, 0, -0.000105269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -webkit-transform: matrix3d(0.45, 0.143934, 0, -0.000105269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); } .boxed .mobile { width: 197px; top: 485px; left: 261px; height: 300px; transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -ms-transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -webkit-transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); } #header #main-menu ul.menu.type6 > li > a { font-size: 20px; text-align: left; padding: 0 0 0 20px; } #header #main-menu ul.menu.type6 > li { margin: 30px 0; padding-bottom: 0; width: 200px; } .type-6 #header nav#main-menu ul.menu.type6 ul.sub-menu li { float: left; border: none; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul { width: 200px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul li a { margin: 0 0 26px 0; padding: 0; font-size: 20px; text-align: left; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu { bottom: -28px; left: 200px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu { top: 0; } .type-6 #header nav#main-menu ul.menu.type6 > li.menu-item-simple-parent:nth-child(7) > ul.sub-menu { top: auto; bottom: -28px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:first-child ul { top: -2px; } #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:after, #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:before, #header #main-menu ul.menu.type6 a:before, #header #main-menu ul.menu.type6 a:after { display: none; } #header #main-menu ul.menu.type6 a i { display: block; margin-right: 10px; float: left; line-height: 26px; } .dt-sc-service-carousel .dt-sc-carousel-wrapper { padding: 20px 20px 20px 0px; } .dt-sc-service-carousel .dt-sc-carousel li h2, .dt-sc-carousel li p { width: 95%; } .dt-sc-service-carousel .dt-sc-carousel li h2 { font-size: 30px; margin-bottom: 20px; line-height: normal; } .dt-sc-service-carousel .dt-sc-carousel li, .boxed .dt-sc-service-carousel .dt-sc-carousel li { padding-bottom: 0; } .dt-sc-service-carousel #pager { right: 20px; margin-bottom: 0; } .boxed .dt-sc-service-carousel .dt-sc-carousel li h2 { font-size: 24px; margin-bottom: 10px; line-height: normal; } .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .fig-content, .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .fig-content { width: 85%; } .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption h5, .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption h5 { font-size: 16px; } .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p, .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p { margin: 0 auto; font-size: 12px; line-height: normal; } .dt-sc-ico-content.type2 .dt-sc-content { padding: 2.7%; width: 71%; } .boxed .dt-sc-pricing-table ul.type1 li.dt-sc-pr-tb-col.selected:before { left: -51px; width: 85px; height: 15px; font-size: 14px; line-height: 15px; } article.blog-entry .entry-thumb .entry-title h5 { padding: 10px 20px; } article.blog-entry .entry-details { padding: 50px 30px; } .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { margin: -20px 0; } .dt-sc-one-half article.blog-entry .entry-details { width: 35%; } .dt-sc-one-half article.blog-entry .entry-content, .dt-sc-one-half article.blog-entry .entry-thumb .entry-title { width: 65%; } #primary.with-sidebar article.blog-entry .entry-details .tags { width: 100%; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar.with-both-sidebar article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar article.blog-entry .black-box .entry-title h4 a, article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title h5, article.blog-entry .black-box .entry-title h4 a, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title h5 { font-size: 18px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta { width: 30%; padding-right: 0; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta .date { width: 100%; text-align: center; margin-bottom: 5px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta .month { float: none; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta .month p { margin: 0; width: 100%; text-align: center; } #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-thumb .entry-title { position: relative; } #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags { width: 54%; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details { padding: 15px 10px 0; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { width: 65%; margin-top: 0; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .black-box .entry-title h4 a { font-size: 16px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry:hover .entry-details .entry-meta { border-bottom: 1px solid #ddd; } .dt-sc-one-fourth article.blog-entry .entry-details .tags { margin-top: -10px; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .date { width: 100%; font-size: 40px; margin-top: -3px; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .month p { margin: 5px 0 0 0; } #primary.with-sidebar .blog-items .dt-sc-one-fourth, #primary.with-sidebar .woocommerce.columns-3 .products li .dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-4 .products li .dt-sc-one-fourth { width: 48.9%; } #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags { width: 70%; margin-top: 0; } #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-content { float: left; padding: 0 20px 50px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth article.blog-entry .entry-details { padding: 20px 10px 0; } .dt-sc-one-fourth article.blog-entry.without-image .featured-post, .dt-sc-one-third article.blog-entry.without-image .featured-post { bottom: -6px; top: auto; transform: scale(.6); -moz-transform: scale(.6); -webkit-transform: scale(.6); } .woocommerce #primary.with-sidebar.with-both-sidebar ul.products li:nth-child(2n-1) .column.dt-sc-one-third, #primary.with-sidebar.with-both-sidebar .woocommerce.columns-3 ul.products li:nth-child(2n-1) .column.dt-sc-one-third, .woocommerce #primary.with-sidebar ul.products li:nth-child(2n-1) .column.dt-sc-one-fourth, #primary.with-sidebar .woocommerce.columns-4 ul.products li:nth-child(2n-1) .column.dt-sc-one-fourth { clear: both; margin-left: 0; } .woocommerce #primary.with-sidebar.with-both-sidebar ul.products li:nth-child(4) .column.dt-sc-one-third, #primary.with-sidebar.with-both-sidebar .woocommerce.columns-3 ul.products li:nth-child(4) .column.dt-sc-one-third, .woocommerce #primary.with-sidebar ul.products li:nth-child(4) .column.dt-sc-one-fourth, #primary.with-sidebar .woocommerce.columns-4 ul.products li:nth-child(4) .column.dt-sc-one-fourth { margin-left: 2%; } #primary.with-sidebar.with-both-sidebar .woocommerce.columns-3 ul.products li.product, #primary.with-sidebar .woocommerce.columns-4 ul.products li.product { display: inline; margin: 0; padding: 0; } .dt-sc-one-third article.blog-entry .entry-details .entry-meta { width: 28%; } .dt-sc-one-third article.blog-entry .entry-details .tags { width: 67%; } .dt-sc-author-info img { margin-right: 3%; } .dt-sc-author-desc { width: 79%; } .dt-sc-author-info { padding: 3%; } } @media only screen and (min-width:960px) and (max-width:1119px) { h1 { font-size: 50px; } h2 { font-size: 40px; } h3 { font-size: 26px; } h4 { font-size: 22px; } h5 { font-size: 16px; } h6 { letter-spacing: 1px; } h2.main-title::before, h3.main-title::before, h4.main-title::before { bottom: 20%; } h5.main-title:before, h6.main-title:before { bottom: 30%; } #loader-wrapper .large-header h1 { font-size: 24px; } .container { width:900px; } .boxed .wrapper .type-1 #header-sticky-wrapper.sticky-wrapper #header, .boxed #header, .boxed .wrapper, .boxed #panel { width: 940px; } #primary { width: 60%; float:left; } #primary.with-right-sidebar { margin-right: 5%; } #primary.with-left-sidebar { margin-left: 5%; float:right; } #primary.with-both-sidebar { width: 46%; margin: 0 3%; } #primary.content-full-width { margin-left:0; margin-right:0; width:100%; } .secondary-sidebar { float:left; width: 35%; } .secondary-sidebar.secondary-has-both-sidebar { width: 24%; } .secondary-sidebar.secondary-has-both-sidebar .widget_calendar table#wp-calendar th, .secondary-sidebar.secondary-has-both-sidebar .widget_calendar table#wp-calendar td { padding: 3px; font-size: 10px; } .secondary-sidebar.secondary-has-both-sidebar .widget_calendar table#wp-calendar caption { padding: 5px; font-size: 12px; } #primary .dt-sc-entry-details .dt-sc-entry-title h4 { margin-bottom: 0; padding-bottom: 40px; } #panel ul li a { padding: 28px 12px; } #header.type3 nav#main-menu ul.menu li:first-child, .boxed #header.type3 nav#main-menu ul.menu li:first-child { margin-left: 0; } #header.type3 nav#main-menu ul.menu li { margin-left: 15px; } #header.type3 nav#main-menu ul.menu li i { font-size: 14px; margin-right: 20px; width: 0; height: 0; text-align: center; border: none; } #header.type3 nav#main-menu ul.menu li a::after { bottom: 0; } .boxed #header.type3 nav#main-menu > ul.menu > li { margin-left: 15px; } ::i-block-chrome, .boxed .video-slider #home.content { margin-bottom: -45%; } .header.type2 ul { width: 240px; } .header.type2 ul.is-visible li ul.sub-menu.is-visible, .header.type2 ul.is-visible li ul.sub-menu.is-visible ul.sub-menu.is-visible { right: 238px; } .boxed .screen { width: 650px; height: 387px; top: 0; left: 102px; transform: matrix3d(0.42, 0.13934, 0, -0.000165269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -ms-transform: matrix3d(0.42, 0.13934, 0, -0.000165269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -webkit-transform: matrix3d(0.42, 0.13934, 0, -0.000165269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); } .boxed .mobile { width: 167px; top: 413px; left: 207px; height: 253px; transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -ms-transform: matrix3d(0.42, 0.13934, 0, -0.000165269, -0.00719944, 0.683513, 0, 0.0000594536, 0, 0, 1, 0, 384, 8, 0, 1); -webkit-transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); } #header #main-menu ul.menu.type6 > li > a { font-size: 20px; text-align: left; padding: 0 0 0 20px; } #header #main-menu ul.menu.type6 > li { margin: 30px 0; padding-bottom: 0; width: 200px; } .type-6 #header nav#main-menu ul.menu.type6 ul.sub-menu li { float: left; border: none; background: #252525; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul { width: 200px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul li a { margin: 0 0 26px 0; padding: 0; font-size: 20px; text-align: left; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu { bottom: auto; left: 200px; top: -2px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu { left: 190px; top: 0; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:last-child ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(6) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(7) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul { top: 0; bottom: auto; } .type-6 #header nav#main-menu ul.menu.type6 > li.menu-item-simple-parent:nth-child(7) > ul.sub-menu { top: auto; bottom: -28px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:first-child ul { top: -2px; } #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:after, #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:before, #header #main-menu ul.menu.type6 a:before, #header #main-menu ul.menu.type6 a:after { display: none; } #header #main-menu ul.menu.type6 a i { display: block; margin-right: 10px; float: left; line-height: 26px; } #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { right: 0; left: auto; top: -50px; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: -60px; } @-moz-document url-prefix() { #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul, #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { right: 0; left: auto; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul, #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: 4px; } } #header.type3 nav#main-menu ul.menu li a:after { bottom: 20px; } #header.type3 nav#main-menu ul.menu li ul.sub-menu a:after { bottom: 0; } #header.type3 nav#main-menu ul li.menu-item ul.sub-menu { top: 96px; } #header.type3 nav#main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { right: 0; left: -190px; top: -10px; } #header.type4 #main-menu ul li.menu-item > ul.sub-menu { left: -310px; top: 0; width: 310px; opacity: 0; visibility: hidden; } #header.type4 #main-menu ul li.menu-item:hover > ul.sub-menu { opacity: 1; visibility: visible; } #header.type4 #main-menu ul li.menu-item:nth-child(6) > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(7) > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(8) > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(9) > ul.sub-menu { top: auto; bottom: 0; } .service-sliders .column { width: 100% !important; } .dt-sc-service-carousel .dt-sc-carousel-wrapper { padding: 30px; } .dt-sc-service-carousel .dt-sc-carousel li h2, .dt-sc-carousel li p { width: 95%; } .dt-sc-service-carousel .dt-sc-carousel li h2 { margin-bottom: 10px; } .dt-sc-service-carousel #pager { bottom: 0; } .widget .widgettitle .main-title { margin-bottom: 0; padding-bottom: 40px; } .type-1 #header nav#main-menu ul li a { padding: 40px 10px; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky nav#main-menu ul > li > a { padding: 30px 15px; } .dt-sc-one-third.dt-sc-portfolio { width: 31.2%; } .dt-sc-one-fourth.dt-sc-portfolio, #primary.with-sidebar .dt-sc-one-fourth.dt-sc-portfolio, #primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio{ width: 48.5%; } .dt-sc-portfolio figcaption a span::before { font-size: 12px; } .dt-sc-portfolio figcaption a.zoom span:before, .boxed .dt-sc-portfolio figcaption a.zoom span:before { margin-left: 0; margin-top: 0; } .dt-sc-portfolio figcaption a.view span:before, .boxed .dt-sc-portfolio figcaption a.view span:before { margin-right: 0; margin-bottom: 0; } .dt-sc-portfolio figcaption a.zoom span:after, .boxed .dt-sc-portfolio figcaption a.zoom span:after { border-right: 35px solid transparent; } .dt-sc-portfolio figcaption a.view span:after, .boxed .dt-sc-portfolio figcaption a.view span:after { border-left: 35px solid transparent; } .dt-sc-tabs-vertical-frame-content .tab-content, .boxed .dt-sc-tabs-vertical-frame-content .tab-content { padding: 4%; border-left: 1px solid #eee; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame { width: 35%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a { padding: 6.8% 1.8%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 65%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 60%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column { width: 100% !important; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column { width: 49% !important; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span { font-size: 12px; } .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h5, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 65%; } .dt-sc-tabs-vertical-frame-content .tab-content img { display: none; } .dt-sc-tabs-vertical-frame-content .tab-content ul li, .dt-sc-tabs-vertical-frame-content .tab-content ol li { padding-bottom: 8px; } .dt-sc-ico-content.type2 .dt-sc-content { width: 65%; } .dt-sc-ico-content.type2 .icon { min-height: 153px; } ul#team-section { width: 80%; margin: 0 auto 0 5%; } article.blog-entry .entry-details, .dt-sc-one-half article.blog-entry .entry-details { width: 30%; padding: 30px 5%; } article.blog-entry .entry-content { width: 65%; } article.blog-entry .black-box .entry-title h4 a { font-size: 16px; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-content { margin: -3% 0; float: right; } #primary.with-sidebar article.blog-entry .entry-details .tags { width: 100%; float: left; } .dt-sc-one-column article.blog-entry .entry-details { width: 25%; } .dt-sc-one-column article.blog-entry .entry-thumb .entry-title, .dt-sc-one-column article.blog-entry .entry-content { width: 75%; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details { width: 40%; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { width: 100%; float: left; position: relative; margin: 0; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title h5 { font-size: 16px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-content { width: 60%; margin: 0; padding: 25px 30px 50px 0; } #primary.with-sidebar article.blog-entry .entry-thumb .entry-title { position: relative; margin: 0; } #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details { padding: 20px 20px 0; } #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta { border-right: none; margin-bottom: 15px; padding-bottom: 15px; margin-right: 0; padding-right: 0; width: 100%; text-align: center; } #primary.with-sidebar .dt-sc-one-half article.blog-entry:hover .entry-details .entry-meta { border-color: #ddd; } #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta .date, #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta .month { float: none; display: inline-block; } #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags { width: 100%; margin: 0; } #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-content { padding: 10px 20px 50px; } .dt-sc-one-third article.blog-entry .entry-details .entry-meta, .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { width: 34%; } .dt-sc-one-third article.blog-entry .entry-details .tags, .dt-sc-one-fourth article.blog-entry .entry-details .tags { width: 60%; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { font-size: 40px; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .date { margin-bottom: 5px; } #primary.with-sidebar .dt-sc-one-fourth { width: 48.5%; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { width: 30%; padding-right: 0; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags { width: 65%; } #primary.with-sidebar .blog-items .dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-3 .products li .dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-4 .products li .dt-sc-one-fourth { width: 48.5%; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { width: 60%; margin: 0; } .dt-sc-one-fourth article.blog-entry.without-image .featured-post, .dt-sc-one-third article.blog-entry.without-image .featured-post { bottom: -6px; top: auto; transform: scale(.6); -moz-transform: scale(.6); -webkit-transform: scale(.6); } .woocommerce #primary.with-sidebar ul.products li:nth-child(2n-1) .column.dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-3 ul.products li:nth-child(2n-1) .column.dt-sc-one-third, .woocommerce #primary.with-sidebar ul.products li:nth-child(2n-1) .column.dt-sc-one-fourth, #primary.with-sidebar .woocommerce.columns-4 ul.products li:nth-child(2n-1) .column.dt-sc-one-fourth { clear: both; margin-left: 0; } .woocommerce #primary.with-sidebar ul.products li:nth-child(4) .column.dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-3 ul.products li:nth-child(4) .column.dt-sc-one-third, #primary.with-sidebar .woocommerce ul.products li.first .column.dt-sc-one-third { margin-left: 2%; } #primary.with-sidebar .woocommerce.columns-3 ul.products li.product, #primary.with-sidebar .woocommerce.columns-4 ul.products li.product { display: inline; margin: 0; padding: 0; } .dt-sc-callout-box .dt-sc-button { font-size: 12px; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li p { padding-left: 25px; font-size: 12px; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li p:before { width: 15px; height: 15px; top: 5px; line-height: 16px; font-size: 8px; } .boxed .dt-sc-pricing-table ul.type1 li.dt-sc-pr-tb-col.selected:before { left: -51px; width: 85px; height: 15px; font-size: 14px; line-height: 15px; } .dt-sc-pr-tb-col.type2 .dt-sc-tb-title .dt-sc-pricing-title { width: 75%; } .dt-sc-error-box h4:before, .dt-sc-warning-box h4:before, .dt-sc-success-box h4:before, .dt-sc-info-box h4:before { top: -11px; font-size: 42px; } .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption img { width: 30%; margin: 0 auto; } .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p { margin: 0 auto; } ul#team-section li h5 { font-size: 20px; } .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p, .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p { display: none; } .dt-sc-author-desc { margin-left: 2%; width: 75%; } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */ @media only screen and (min-width:768px) and (max-width:959px) { h1, h2, h3, h4, h5, h6 { line-height: normal; } h1 { font-size: 50px; } h2 { font-size: 40px; } h3 { font-size: 26px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 12px; letter-spacing: 1px; } main-title.alignleft, .main-title.alignright, .main-title.aligncenter, .sub-title.alignleft, .sub-title.alignright, .sub-title.aligncenter { margin-bottom: 20px; } #loader-wrapper .large-header h1 { font-size: 20px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"] { font-size: 14px; } .container{ width:710px; } .boxed .wrapper, .boxed .is-sticky #header, .boxed .top-bar, .boxed .main-menu-container, .boxed #header-wrapper .ha-header-color .main-menu-container, .boxed .header4 #logo, .boxed #header-wrapper .header4 .main-menu-container, .boxed .social-media-container, .boxed .wrapper .type-1 #header-sticky-wrapper.sticky-wrapper #header, .boxed #header, .boxed .wrapper, .boxed #panel { width:750px; } #primary { width: 60%; float:left; } #primary.with-right-sidebar { margin-right: 5%; } #primary.with-left-sidebar { margin-left: 5%; float:right; } #primary.with-both-sidebar { width: 46%; margin: 0 3%; } #primary.content-full-width { margin-left:0; margin-right:0; width:100%; } #primary .dt-sc-entry-details .dt-sc-entry-title h4 { margin-bottom: -10px; padding-bottom: 40px; } .secondary-sidebar { float:left; width: 35%; } .secondary-sidebar.secondary-has-both-sidebar { width: 24%; } .secondary-sidebar.secondary-has-both-sidebar .widget_calendar table#wp-calendar th, .secondary-sidebar.secondary-has-both-sidebar .widget_calendar table#wp-calendar td { padding: 3px; font-size: 10px; } .secondary-sidebar.secondary-has-both-sidebar .widget_calendar table#wp-calendar caption { padding: 5px; font-size: 12px; } .dt-sc-button.large { padding: 21px 35px; } .dt-sc-button.xlarge.with-icon i.fa { float: left; } .dt-sc-button.large.with-icon { padding: 0; } .dt-sc-button.large.with-icon span { padding: 21px 25px; } .dt-sc-button.xlarge.with-icon span { padding: 21px 26px; float: left; } .type-1 #header #logo { padding: 15px 0; } #header #main-menu ul li.menu-item ul.sub-menu { left: auto; top: 82px; } #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { left: auto; right: 0; } #header #main-menu ul li.menu-item-simple-parent ul li a, .type-1 #header nav#main-menu ul.sub-menu li a { line-height: 20px; } .type-1 #header nav#main-menu ul.sub-menu li a:before { bottom: -5px; } .type-1 #header nav#main-menu ul li a, #panel ul li a { padding: 28px 6px; font-size: 12px; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky nav#main-menu ul > li > a { padding: 30px 10px; } .type-1 .grid-slider.full-height #home.content { margin-top: 50px; } .header.type2 ul { width: 200px; } .header.type2 ul.is-visible li ul.sub-menu.is-visible, .header.type2 ul.is-visible li ul.sub-menu.is-visible ul.sub-menu.is-visible { right: 198px; } #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { right: 0; left: auto; top: -50px; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: -60px; } @-moz-document url-prefix() { #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul, #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { right: 0; left: auto; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul, #header #main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { top: 4px; } } .logo.logostatic { left: 20px; top: 20px; } .type2-menu-icon { top: 24px; right: 24px; } #header.type3 nav#main-menu { padding: 15px 0 0; } #header.type3 nav#main-menu ul.menu li:first-child, .boxed #header.type3 nav#main-menu ul.menu li:first-child { margin-left: 0; } #header.type3 nav#main-menu ul.menu li { margin-left: 15px; } #header.type3 nav#main-menu ul.menu li a { padding: 35px 0; } #header.type3 nav#main-menu ul.menu li i { font-size: 12px; position: absolute; right: 0; left: 0; top: 15px; border: none; margin: 0 auto; } #header.type3 nav#main-menu ul.menu li a:after { bottom: 20px; } #header.type3 nav#main-menu ul.menu li ul.sub-menu a:after { bottom: 0; } #header.type3 nav#main-menu ul li.menu-item ul.sub-menu { top: 96px; } #header.type3 nav#main-menu ul li.menu-item-simple-parent ul.sub-menu li ul { right: 0; left: -190px; top: -10px; } .sb-slidebar { width: 240px; } #header.type4 #main-menu #logo { padding: 30px 0 20px; transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); } #header.type4 #main-menu ul li a, #header.type4 #main-menu ul li.menu-item > ul.sub-menu li a { font-size: 20px; } #header.type4 #main-menu ul li.menu-item > ul.sub-menu { left: -235px; top: 0; width: 240px; opacity: 0; visibility: hidden; } #header.type4 #main-menu ul li.menu-item:hover > ul.sub-menu { left: -240px; opacity: 1; visibility: visible; } #header.type4 #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul, #header.type4 #main-menu ul li.menu-item-simple-parent:nth-child(7) ul li ul, #header.type4 #main-menu ul li.menu-item:nth-child(6) > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(7) > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(8) > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(9) > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(6) > ul.sub-menu > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(7) > ul.sub-menu > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(8) > ul.sub-menu > ul.sub-menu, #header.type4 #main-menu ul li.menu-item:nth-child(9) > ul.sub-menu > ul.sub-menu { top: auto; bottom: 0; } #toggle-panel { right: -10px; top: -10px; transform: scale(0.5); -ms-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); } #header #main-menu ul.menu.type6 > li > a { font-size: 20px; text-align: left; padding: 0 0 0 20px; } #header #main-menu ul.menu.type6 > li { margin: 30px 0; padding-bottom: 0; width: 200px; } .type-6 #header nav#main-menu ul.menu.type6 ul.sub-menu li { float: left; border: none; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul { width: 200px; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul li a { margin: 0 0 26px 0; padding: 0; font-size: 20px; text-align: left; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu { top: -1px; left: 200px; z-index: 999; } .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul li.menu-item-simple-parent ul.sub-menu ul.sub-menu, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:last-child ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(6) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(7) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul, .type-6 #header nav#main-menu ul.menu.type6 li.menu-item-simple-parent:nth-child(8) ul.sub-menu li ul { top: 0; bottom: auto; } .type-6 #header nav#main-menu ul.menu.type6 > li.menu-item-simple-parent:nth-child(7) > ul.sub-menu { top: auto; bottom: -28px; } #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:after, #header #main-menu ul.menu.type6 ul.sub-menu > li:hover > a:before, #header #main-menu ul.menu.type6 a:before, #header #main-menu ul.menu.type6 a:after { display: none; } #header #main-menu ul.menu.type6 a i { display: block; margin-right: 10px; float: left; line-height: 26px; } .video-slider #home.content, .grid-slider #home.content, .type-1 .grid-slider #home.content, .type-5 .grid-slider #home.content, #sb-site.grid-slider #home.content { height: auto; } .type-3 .grid-slider #home.content { margin-top: 100px; } .boxed .type6-menu-icon { right: 40px; } .boxed .screen { width: 529px; height: 298px; top: 0; left: 5px; transform: matrix3d(0.42, 0.13934, 0, -0.00016269, -0.00999944, 0.713513, 0, 0.00006594536, 0, 0, 1, 0, 384, 8, 0, 1); -ms-transform: matrix3d(0.42, 0.13934, 0, -0.00016269, -0.00999944, 0.713513, 0, 0.00006594536, 0, 0, 1, 0, 384, 8, 0, 1); -webkit-transform: matrix3d(0.42, 0.13934, 0, -0.00016269, -0.00999944, 0.713513, 0, 0.00006594536, 0, 0, 1, 0, 384, 8, 0, 1); } .boxed .mobile { width: 137px; top: 326px; left: 144px; height: 206px; transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -ms-transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); -webkit-transform: matrix3d(0.42779, 0.096834, 0, -0.0000536694, -0.344036, 0.346595, 0, -0.0000946746, 0, 0, 1, 0, 105, 15, 0, 1); } .service-sliders .column { width: 100% !important; } .dt-sc-service-carousel .dt-sc-carousel-wrapper { padding: 30px; } .dt-sc-service-carousel .dt-sc-carousel li h2, .dt-sc-carousel li p { width: 95%; } .dt-sc-service-carousel .dt-sc-carousel li h2 { margin-bottom: 10px; } .dt-sc-service-carousel #pager { bottom: 0; } .dt-sc-ico-content.type1 { padding: 50px 5% 30px; } .dt-sc-services h5:before { left: -35px; } #primary.with-sidebar.with-both-sidebar .blog-items .dt-sc-one-fourth, #primary.with-sidebar .dt-sc-one-third.dt-sc-portfolio, #primary.with-sidebar .dt-sc-one-fourth.dt-sc-portfolio, #primary.with-sidebar .blog-items .dt-sc-one-half { width: 100%; } .dt-sc-one-third.dt-sc-portfolio { width: 31.2%; } .dt-sc-one-fourth.dt-sc-portfolio { width: 48.5%; } .dt-sc-one-fourth.dt-sc-portfolio h6 { font-size: 14px; } .dt-sc-portfolio.width3 { width: 50%;} .dt-sc-portfolio figcaption a span::before { font-size: 12px; } .dt-sc-portfolio figcaption a.zoom span:before, .boxed .dt-sc-portfolio figcaption a.zoom span:before { margin-left: 0; margin-top: 0; } .dt-sc-portfolio figcaption a.view span:before, .boxed .dt-sc-portfolio figcaption a.view span:before { margin-right: 0; margin-bottom: 0; } .dt-sc-portfolio figcaption a.zoom span:after, .boxed .dt-sc-portfolio figcaption a.zoom span:after { border-right: 35px solid transparent; } .dt-sc-portfolio figcaption a.view span:after, .boxed .dt-sc-portfolio figcaption a.view span:after { border-left: 35px solid transparent; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame { width: 40%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a { padding: 6.8% 0 6.8% 6.8%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 60%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon { margin: 42px 25px 0 20px; } .dt-sc-tabs-vertical-frame-content .tab-content { padding: 15px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column, .boxed dt-sc-portfolio-container { width: 100% !important; } .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h5, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 61%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 span { font-size: 12px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column { margin: 0; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column.first { padding: 4%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column.first .column.first { padding: 0; } .dt-sc-tabs-vertical-frame-content .tab-content img { position: static; width: 100%; float: right; margin-top: 20px; margin-left: 0; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h5 { font-size: 15px; } .dt-sc-tabs-vertical-container.type2 .dt-sc-tabs-vertical-frame-content .tab-content { padding: 0; } ::i-block-chrome, .dt-sc-portfolio figcaption { height: 100%; } .dt-sc-ico-content.type2 .dt-sc-content { padding: 4% 3%; width: 60%; } .dt-sc-ico-content.type2 .dt-sc-content h5 { margin-bottom: 5px; } .dt-sc-ico-content.type2 .dt-sc-content p { margin-bottom: 0; line-height: 24px; font-size: 13px; } .dt-sc-ico-content.type2 .icon { width: 38%; min-height: 132px; } .dt-sc-services-boxes .what-we-do { width: 200px; height: 200px; box-shadow: 0 0 0 10px rgb(255, 255, 255); -moz-box-shadow: 0 0 0 10px rgb(255, 255, 255); -webkit-box-shadow: 0 0 0 10px rgb(255, 255, 255); } ul#team-section { width: 88%; margin: 0; } article.blog-entry .entry-title { margin: 0; } article.blog-entry .entry-thumb .entry-title { width: 100%; position: relative; } article.blog-entry .entry-details, .dt-sc-one-half article.blog-entry .entry-details { padding: 7% 4%; float: left; width: 40%; } article.blog-entry .entry-content, .dt-sc-one-half article.blog-entry .entry-content { float: left; width: 60%; padding: 4% 3% 15% 0; } .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { position: absolute; width: 75%; } .dt-sc-one-column article.blog-entry .entry-details { padding: 38px 30px; float: left; width: 25%; } .dt-sc-one-column article.blog-entry .entry-content { float: left; width: 75%; padding: 4% 3% 15% 0; } .dt-sc-one-third article.blog-entry .entry-details { position: relative; padding: 5% 0 5% 5%; } .dt-sc-one-third article.blog-entry .entry-details .entry-meta { margin-top: 10px; } .dt-sc-one-third article.blog-entry .entry-details .entry-meta .date, .dt-sc-one-third article.blog-entry .entry-details .entry-meta .month { width: 100%; } .dt-sc-one-third article.blog-entry .entry-details .entry-meta .month p { margin: 10px 0 0 5px; } .dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5, article.blog-entry .black-box .entry-title h4 a { font-size: 16px; } .dt-sc-one-third article.blog-entry .entry-details .tags { float: right; margin-top: 0; } .blog-items .dt-sc-one-fourth { width: 48.9%; } .dt-sc-one-fourth article.blog-entry .entry-details { padding: 20px 10px 10px; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { padding-right: 10px; width: 20%; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .date { font-size: 40px; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .month p { margin: 5px 0 0 0; } .dt-sc-one-fourth article.blog-entry .entry-details .tags { width: 75%; } .dt-sc-one-fourth article.blog-entry .entry-details .tags a.comments, .dt-sc-one-fourth article.blog-entry .entry-details .tags span { width: auto; margin-bottom: 10px; float: left; margin-right: 20px; } #primary.with-sidebar .blog-items .dt-sc-one-fourth, #primary.with-sidebar .blog-items .dt-sc-one-third, #primary.with-sidebar.with-both-sidebar .woocommerce.columns-2 .products li .dt-sc-one-half, #primary.with-sidebar.with-both-sidebar .woocommerce.columns-3 .products li .dt-sc-one-third { width: 100%; margin-left: 0; margin-right: 0; } #primary.with-sidebar.with-both-sidebar article.blog-entry .entry-details .tags { width: 70%; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags span { width: auto; } #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-content { padding: 0 20px 40px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags { width: 59%; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-thumb { margin-bottom: 0; } #primary.with-sidebar article.blog-entry .entry-details .entry-meta { margin-right: 15px; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { width: 100%; position: static; margin: 0; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details { width: 42%; padding: 20px 0 0 20px; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags { width: 100%; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-content, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-content { width: 58%; padding: 15px 20px 50px 0; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar article.blog-entry .entry-details .tags span { width: auto; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { position:relative; width: 100%; margin: 0; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title h5, article.blog-entry .black-box .entry-title h4 a { font-size: 16px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta { width: auto; } #primary.with-sidebar .blog-items .dt-sc-one-third article.blog-entry .entry-details .entry-meta .date, #primary.with-sidebar .blog-items .dt-sc-one-third article.blog-entry .entry-details .entry-meta .month { width: auto; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags span { margin: 0 20px 10px 0; } #primary.with-sidebar .blog-items .dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-3 .products li .dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-4 .products li .dt-sc-one-fourth { width: 48.5%; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { width: 60%; margin: 0; } .woocommerce #primary.with-sidebar ul.products li:nth-child(2n-1) .column.dt-sc-one-third, #primary.with-sidebar .woocommerce.columns-3 ul.products li:nth-child(2n-1) .column.dt-sc-one-third, .woocommerce #primary.with-sidebar ul.products li:nth-child(2n-1) .column.dt-sc-one-fourth, #primary.with-sidebar .woocommerce.columns-4 ul.products li:nth-child(2n-1) .column.dt-sc-one-fourth { clear: both; margin-left: 0px; } .woocommerce #primary.with-sidebar.with-both-sidebar ul.products li:nth-child(4) .column.dt-sc-one-third, #primary.with-sidebar.with-both-sidebar .woocommerce.columns-3 ul.products li:nth-child(4) .column.dt-sc-one-third, #primary.with-sidebar .woocommerce ul.products li.first .column.dt-sc-one-third { margin-left: 0; } #primary.with-sidebar .woocommerce.columns-3 ul.products li.product, #primary.with-sidebar .woocommerce.columns-4 ul.products li.product { display: inline; margin: 0; padding: 0; } #primary.with-sidebar.with-both-sidebar .woocommerce.columns-4 .products li .dt-sc-one-fourth { width: 100%; margin: 0; } .widget .widgettitle .main-title { margin-bottom: 0; padding-bottom: 40px; } .dt-sc-ico-content.type3 { padding: 15px; } .dt-sc-ico-content.type3 .icon span.fa { width: 35px; height: 35px; line-height: 28px; font-size: 12px; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li p:before, .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li p.no:before { opacity: 0.2; right: 0; margin: 0 auto; left: 0; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li { margin: 0 0 0 2%; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li:first-child { margin: 0; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li p { font-size: 12px; padding-left: 0; text-align: center; margin: 18px 0; font-weight: 400; } .dt-sc-pricing-table ul.type1 li.column .dt-sc-button.type1 { margin-top: 30px; margin-bottom: 0; } .boxed .dt-sc-pricing-table ul.type1 li.dt-sc-pr-tb-col.selected:before { left: -51px; width: 85px; height: 15px; font-size: 14px; line-height: 15px; } .dt-sc-pricing .dt-sc-pr-tb-col.type2.selected:before, .dt-sc-pricing .dt-sc-pr-tb-col.type2.selected:after { height: 20px; line-height: 20px; } .dt-sc-pricing .dt-sc-pr-tb-col.type2.selected:before { left: -35px; } .dt-sc-pricing .dt-sc-pr-tb-col.type2.selected:after { right: -35px; } .dt-sc-pr-tb-col.type2 .dt-sc-tb-title .dt-sc-pricing-title { text-align: center; width: 100%; } .dt-sc-pr-tb-col.type2 .dt-sc-pricing-icon { margin-top: 15px; margin-right: 0; float: none; display: inline-block; margin-bottom: 15px; } .dt-sc-callout-box h4 { font-size: 20px; } .dt-sc-callout-box h5 { font-size: 16px; } .dt-sc-callout-box .dt-sc-button { font-size: 12px; padding: 6px 10px; } .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption img { display: none; } .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p { font-size: 12px; line-height: normal; } .dt-sc-team.type2 .dt-sc-entry-thumb .dt-sc-social-icons { padding: 5px 0 0; } .dt-sc-team.type2 .dt-sc-entry-thumb .dt-sc-social-icons a { width: 20px; height: 20px; line-height: 20px; margin-right: 10px; } .dt-sc-team.type2 .dt-sc-entry-thumb .dt-sc-social-icons a i { width: 22px; height: 22px; line-height: 22px; font-size: 12px; } .dt-sc-one-third .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption img, .dt-sc-one-half .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption img { display: block; margin-bottom: 15px; } .dt-sc-project-details ul.dt-sc-social-icons { margin-top: 10px; } ol.type1 li, ol.type2 li, ol.type3 li, ol.type4 li { padding: 10px 20px; } ol.type1 li:before, ol.type2 li:before, ol.type3 li:before, ol.type4 li:before { transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); } ol.type2 li:before { left: -13px; } ol.type4 li:before { right: -13px; } ol.type2 li:after { left: 8px; } ol.type4 li:after { right: 8px; } ol.type1 li:before, ol.type3 li:before { margin-top: -16px; height: 25px; width: 25px; line-height: 25px; right: -17px; } .dt-sc-error-box h4:before, .dt-sc-warning-box h4:before, .dt-sc-success-box h4:before, .dt-sc-info-box h4:before { top: -11px; } @-moz-document url-prefix() { .dt-sc-error-box h4:before, .dt-sc-warning-box h4:before, .dt-sc-success-box h4:before, .dt-sc-info-box h4:before { top: -12px; } } .wpcf7-form p { margin-bottom: 0; } .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption h5, .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption span, .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p, .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption h5, .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption span, .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption p { display: none; } .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .fig-content .dt-sc-social-icons a, .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .fig-content .dt-sc-social-icons a { margin: 6px; } .woocommerce.columns-3 ul.products, .woocommerce.columns-4 ul.products { overflow: hidden; } .dt-sc-author-desc { margin-left: 0; margin-top: 30px; width: 100%; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (max-width:767px) { .container { width:420px; } h1, h2, h3, h4, h5, h6 { line-height: normal; margin-bottom: 20px; } h1 { font-size: 45px; } h2 { font-size: 36px; } th, td { padding: 9px; font-size: 12px; } .dt-sc-hr-invisible { margin:25px 0; } .dt-sc-hr-invisible-toosmall { margin:12px 0; } .dt-sc-hr-invisible-small { margin:20px 0; } .dt-sc-hr-invisible-medium { margin:30px 0; } .dt-sc-hr-invisible-large { margin:40px 0; } .widget_recent_entries .entry-details .entry-title h5 { line-height: 30px; } #loader-wrapper .large-header h1 { font-size: 16px; } #header { height: auto; position: relative !important; text-transform: uppercase; } #header #menu-container { padding: 10px 0; } #menu-container { margin: 0 auto; width: 100%; float: left; background: #252525; } .dt-menu-toggle { display: block; margin: 0; padding: 0 8%; text-transform: uppercase; width: 100%; text-align: left; height: 50px; line-height: 50px; } #menu-container #logo a, .logo a { float: none; display: inline-block; } .logo.logostatic { display: none; } .sb-slidebar, ul.sb-toggle, ul#menu, ul.menu { display: none; border: 1px solid rgba(255, 255, 255, 0.7); border-top: none; width: 100%; float: left; margin-top: -1px; } nav#main-menu ul li a, #header.type5 nav.main-menu ul li a { color: #fff; } .banner .caption { width: 90%; transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); -webkit-transform: translate(-50%,50%); -moz-transform: translate(-50%,50%); } #header.type3 #logo { padding: 0; } .header4#menu-container { display: block; padding: 10px 0; color: #fff; text-transform: uppercase; text-align: center; float: none; display: inline-block; } .header4#menu-container a { color: #fff; text-transform: uppercase; float: none; display: inline-block; } .header4#menu-container nav#main-menu { width: 82%; margin: 0 auto; } .header4#menu-container nav#main-menu ul, .header4#menu-container nav#main-menu ul li, .header4#menu-container nav#main-menu ul li a, #header.type5 nav.main-menu ul, #header.type5 nav.main-menu ul li a, .type-6 #header nav.main-menu ul, .type-6 #header nav.main-menu ul li, .type-6 #header nav.main-menu ul li a { width: 100%; float: left; } .header4#menu-container nav#main-menu ul li { padding: 0 0 0 8%; border-bottom: 1px solid rgba(255, 255, 255, 0.7); } .header4#menu-container nav#main-menu ul li:last-child, .type-6 #header nav.main-menu ul li:last-child { border-bottom: none; } .header4#menu-container nav#main-menu ul li a { margin: 5px 0; } .header4#menu-container .dt-menu-toggle { border-bottom: 1px solid rgba(255,255,255,0.7); } .type-1 #header nav#main-menu ul { margin-bottom: 10px; margin-top: -1px; } .type-1 #header nav#main-menu ul li{ width: 100%; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.7); } .type-1 #header nav#main-menu ul li:last-child { border-bottom: none; } .type-1 #header nav#main-menu ul li a, .type-6 #header nav.main-menu ul li a, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky nav#main-menu ul > li > a { width: 100%; float: left; margin: 0; height: 50px; padding: 0 0 0 24px; line-height: 50px; z-index: 1; } .type-1 #header nav#main-menu ul li a:before { content: none; } .type-1 #header-sticky-wrapper.sticky-wrapper #header { position: relative; } .type-1 #header nav#main-menu ul.sub-menu li > a { padding: 0 0 0 24px; } #header #main-menu ul li.menu-item { position: relative; } #header #main-menu ul li.menu-item ul.sub-menu, #menu-container.header4 .main-menu ul li.menu-item ul.sub-menu, #header.type5 nav.main-menu ul.menu li.menu-item ul.sub-menu, .type-6 nav.main-menu ul#menu li.menu-item ul.sub-menu { opacity: 1; top: 51px; width: 100%; float: left; height: auto; position: static; border-top: 1px solid rgba(255, 255, 255, 0.7); margin-bottom: 0; display: none; padding: 0; margin-top: 0; } #header #main-menu ul li.menu-item-simple-parent ul li { float: left; } span.dt-menu-expand { display: block; color: #fff; display: block; color: #fff; position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; border-left: 1px solid rgba(255, 255, 255, 0.7); text-align: center; font-size: 20px; z-index: 2; cursor: pointer; font-weight: bold; } #logo, .logo { position: static; width: 100%; float: none; display: inline-block; text-align: center; margin-top: 10px; } .type-1 #header #logo { padding: 0; } .type-6 .menu-main-menu-container { display: none; } #header.type4 #logo { position: relative; } .type-1 #header-sticky-wrapper.sticky-wrapper #header { overflow: visible; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header #menu-container, .type-1 #header #menu-container { padding: 10px 0; } .type-1 #header-sticky-wrapper.sticky-wrapper, .inner-page .type-1 #header-sticky-wrapper.sticky-wrapper { height: 153px !important; } .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header .main-menu, #header .main-menu, #header.type2, #header.type3 .main-menu { padding: 0; } .type-1 #header-sticky-wrapper.sticky-wrapper #header { background: #252525; } .boxed #header, .boxed .wrapper, .boxed .wrapper .type-1 #header-sticky-wrapper.sticky-wrapper #header, .boxed .dt-sc-portfolio.width1, .boxed .dt-sc-portfolio.width2, .boxed .dt-sc-portfolio.width4 { width: 100%; } .type-3 #header-sticky-wrapper { position: static; } .type-3 #header-sticky-wrapper, .type-5 #header-sticky-wrapper { height: 147px !important; } .type-3 .grid-slider #home.content { margin-top: 0; } #header.type5 nav.main-menu ul.menu li i, .type-6 nav.main-menu ul#menu li i { display: none; } .type-6 #header-sticky-wrapper.sticky-wrapper { height: 65px !important; } .type-6 #header-sticky-wrapper.sticky-wrapper #header .main-menu { padding: 12px 0; } ::i-block-chrome, .mockup__img { width: 100%; } ::i-block-chrome, .mobile { width: 18%; height: 45.4%; top: 75%; left: 19.4%; } .dt-sc-service-carousel .dt-sc-carousel-wrapper { padding: 20px; } #header #main-menu, nav#main-menu, nav.main-menu, #header.type3 nav#main-menu, #header.type5 nav#main-menu ul, .type-6 #header nav#main-menu ul, #header.type5 nav.main-menu, .type-6 #header nav.main-menu { padding: 22px 0 12px; width: 100%; float: left; } #header.type3 nav#main-menu ul.menu li, #header.type5 nav#main-menu ul li, .type-6 #header nav#main-menu ul li, .header4 nav.main-menu ul li, #header.type5 nav.main-menu ul li, #header.type3 nav#main-menu ul li.menu-item-simple-parent ul li { width: 100%; margin: 0; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.7); float: left; padding: 0; list-style: none; position: relative; } #header.type3 nav#main-menu ul.menu li:last-child, #header.type5 nav#main-menu ul li:last-child, .type-6 #header nav#main-menu ul li:last-child, .header4 nav.main-menu ul li:last-child, #header.type5 nav.main-menu ul li:last-child { border-bottom: none; } #header.type3 nav#main-menu ul.menu li a, #header.type5 nav#main-menu ul li a, .type-6 #header nav#main-menu ul li a, .header4 nav.main-menu ul li a, #header.type5 nav.main-menu ul li a, .type-1 #header nav#main-menu ul.sub-menu li a, .type-3 #header.type3 nav#main-menu ul.sub-menu li a, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header nav#main-menu ul.sub-menu li a { width: 100%; float: left; height: 50px; line-height: 50px; padding: 0 0 0 24px; z-index: 1; } #header.type3 nav#main-menu ul.menu li a:after, #header.type5 nav#main-menu ul li a:after, .type-6 #header nav#main-menu ul li a:after, .header4 nav.main-menu ul li a:after { content: none; } #header.type3 nav#main-menu ul.menu li i, #header.type5 nav#main-menu ul li i, .type-6 #header nav#main-menu ul li i, .header4 nav.main-menu ul li i { border: none; width: auto; height: auto; margin-right: 5px; } .type-6 #header-sticky-wrapper.sticky-wrapper #header .menu-main-menu-container { display: none; } .type-6 #header nav.main-menu ul li { padding: 0; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.7); list-style: none; } .dt-menu-toggle i { font-size: 16px; line-height: 50px; margin: 0; } .secondary-sidebar, #secondary-right, #secondary-left, #primary, #secondary, .dt-sc-one-fourth, .dt-sc-one-half, .dt-sc-one-third, .dt-sc-three-fourth, .dt-sc-two-third, .dt-sc-one-fifth, .dt-sc-four-fifth, .dt-sc-three-fifth, .dt-sc-two-fifth, .dt-sc-one-sixth, .dt-sc-two-sixth, .dt-sc-three-sixth, .dt-sc-four-sixth, .dt-sc-five-sixth, .column.no-space.dt-sc-one-fourth, .column.no-space.dt-sc-one-third, .column.no-space.dt-sc-one-half, .column.no-space.dt-sc-one-fifth, .column.no-space.dt-sc-one-sixth, .column.no-space.dt-sc-three-fourth, .column.no-space.dt-sc-two-third, .column.no-space.dt-sc-four-fifth, .column.no-space.dt-sc-three-fifth, .column.no-space.dt-sc-two-fifth, .column.no-space.dt-sc-two-sixth, .column.no-space.dt-sc-three-sixth, .column.no-space.dt-sc-four-sixth, .column.no-space.dt-sc-five-sixth, .portfolio-detail .dt-sc-one-third, .column.dt-sc-two-third.first, .dt-sc-services-boxes .dt-sc-one-half, #primary.with-sidebar .dt-sc-one-fourth.dt-sc-portfolio, #primary.with-both-sidebar, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third, #primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth { width:100%; margin: 0 0 20px 0; } .service-sliders .column:first-child { margin-bottom: 0 !important; } #primary, #secondary-left.secondary-has-both-sidebar, #secondary-right.secondary-has-both-sidebar, #primary.page-with-both-sidebar, .secondary-sidebar, #secondary-right, #secondary-left, .dt-sc-tabs-frame.dt-sc-pricing-tab > li { width:100%; margin:0; } #primary.with-left-sidebar, #primary.with-right-sidebar { margin-left: 0; } #primary.with-left-sidebar, #secondary.secondary-sidebar.secondary-has-right-sidebar { padding: 75px 0; } #primary .main-title { padding-bottom: 50px; } #primary.with-both-sidebar, #primary.with-right-sidebar, .secondary-sidebar.secondary-has-left-sidebar, #secondary-left.secondary-has-both-sidebar { padding: 75px 0 0; margin-top: 0; margin-bottom: 0; } #secondary-left aside.widget:last-child { padding: 0; } #secondary .sticky-wrapper { display: none; } #secondary.secondary-has-right-sidebar .widget:nth-last-child(2), .portfolio-detail #secondary.secondary-has-right-sidebar .widget:last-child { padding: 0; } .portfolio-detail #secondary.secondary-has-right-sidebar .widget:nth-last-child(2) { padding: 0 0 50px; } .grid-slider.full-height #home.content, .grid-slider #home.content { height: auto; } .type-6 .wrap { margin: 84px auto -4px; } .dt-sc-sorting-container a.dt-sc-button.type1, .dt-sc-sorting-containerr a.dt-sc-button.type1 { margin: 5px; } .dt-sc-portfolio-container, .dt-sc-portfolio.width1, .dt-sc-portfolio.width2, .dt-sc-portfolio.width3, .dt-sc-portfolio.width4, .dt-sc-portfolio.width5 { width: 100%; float: left; } .sb-slidebar.sb-active #main-menu, #panel #main-menu, .type-6 #menu-container { display: block !important; } #header.type2 { position: fixed; } #header.type5, .type-1 #header-sticky-wrapper.sticky-wrapper.is-sticky #header.type2, #header.type6, .type-5 #header-sticky-wrapper.sticky-wrapper, .type-6 #header-sticky-wrapper.sticky-wrapper #header #logo { display: block; } .header.type2, #panel, #toggle-panel, .type6-menu-icon { display: none; } #header.type6 { height: auto !important; background: #252525; } .video-slider #home.content { height: auto; } #header #main-menu ul.menu.type6 { display: none; position: static; visibility: visible; opacity: 1; transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; top: auto; left: auto; } .type-6 { display: block; } .type-6 #header-sticky-wrapper.sticky-wrapper #header { background: #252525; } #scrolldown { display: none; } #header #main-menu ul.menu.type6 a:before, #header #main-menu ul.menu.type6 a:after { content: none; } #header #main-menu ul.menu.type6 li { margin: 0; } .recent-gallery-container .bx-wrapper { margin-bottom: -28px; } .dt-sc-ico-content.type1 { margin-bottom: 50px; } .dt-sc-services { margin-bottom: 60px; } .dt-sc-services h5:before { content: none; } .dt-sc-service-carousel .dt-sc-carousel li h2 { line-height: normal; } .dt-sc-ico-content.type5 { margin-bottom: 30px; } .dt-sc-ico-content.type5 h5:before, .dt-sc-ico-content.type5 h5:after { content: none; } .dt-sc-service-boxes:before { display: none; } .dt-sc-ico-content.type5 h5 { padding: 0; margin-bottom: 10px; } .dt-sc-ico-content.type5 i.fa { margin: 0 0 10px; } .dt-sc-ico-content.type5.one .dt-sc-content:before, .dt-sc-ico-content.type5.one .dt-sc-content:after, .dt-sc-ico-content.type5.one h5:after, .dt-sc-ico-content.type5.one h5 a, .dt-sc-ico-content.type5.two .dt-sc-content:before, .dt-sc-ico-content.type5.two .dt-sc-content:after, .dt-sc-ico-content.type5.two h5:after, .dt-sc-ico-content.type5.two h5 a, .dt-sc-ico-content.type5.three .dt-sc-content:before, .dt-sc-ico-content.type5.three .dt-sc-content:after, .dt-sc-ico-content.type5.three h5:after, .dt-sc-ico-content.type5.three h5 a, .dt-sc-ico-content.type5.four .dt-sc-content:before, .dt-sc-ico-content.type5.four .dt-sc-content:after, .dt-sc-ico-content.type5.four h5:after, .dt-sc-ico-content.type5.four h5 a, .dt-sc-ico-content.type5.five .dt-sc-content:before, .dt-sc-ico-content.type5.five .dt-sc-content:after, .dt-sc-ico-content.type5.five h5:after, .dt-sc-ico-content.type5.five h5 a { opacity: 0.8; } .column:last-child .dt-sc-services { margin-bottom: 0; } .dt-sc-services-boxes .what-we-do { display: none; } .dt-sc-ico-content.type2 .icon { min-height: 50px; } .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type2 .dt-sc-content { width: 100%; text-align: center; } .dt-sc-ico-content-right .dt-sc-ico-content:first-child .icon span, .dt-sc-ico-content-right .dt-sc-ico-content:last-child .icon span, .dt-sc-ico-content-left .dt-sc-ico-content:first-child .icon span, .dt-sc-ico-content-left .dt-sc-ico-content:last-child .icon span { top: 50%; left: 50%; bottom: auto; right: auto; margin: auto; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } ul#team-section { width: 100%; margin: 0; } ul#team-section li { width: 200px; padding-bottom: 0; height: 235px; margin: 0 5px 30px; } ul#team-section li.pusher, ul#team-section li.middle-content { display: none; } ul#team-section li h5 span { font-size: 12px; } ul#team-section li:nth-child(3n+2) { margin: 0 5px; } ul#team-section li:nth-child(6n+4), ul#team-section li:nth-child(6n+5), ul#team-section li:nth-child(6n+6) { margin: 0 5px 30px; -webkit-transform: translateX(0) rotate(-60deg) skewY(30deg); -ms-transform: translateX(0) rotate(-60deg) skewY(30deg); transform: translateX(0) rotate(-60deg) skewY(30deg); } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame { width: 100%; } .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content .column .column { width: 100% !important; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li:last-child { border-bottom: 1px solid #EAE9E9; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame-content { width: 100%; padding: 5%; } .dt-sc-tabs-vertical-frame-content .tab-content { padding: 0; } .dt-sc-tabs-frame-content { padding: 5%; } .dt-sc-tabs-vertical-frame-content .tab-content img{ display: none; } article.blog-entry .entry-thumb .entry-title h5, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title h5, .dt-sc-one-third article.blog-entry .entry-thumb .entry-title h5, article.blog-entry .black-box .entry-title h4 a { font-size: 16px; } article.blog-entry .entry-details .tags a.comments, article.blog-entry .entry-details .tags span, #primary.with-sidebar article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar article.blog-entry .entry-details .tags span, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags span, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags span, #primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags span { width: auto; float: left; margin-right: 20px; } article.blog-entry .entry-thumb .entry-title, .dt-sc-one-column article.blog-entry .entry-thumb .entry-title, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { width: 100%; position: relative; margin: 0; } article.blog-entry .entry-content, .dt-sc-one-half article.blog-entry .entry-content, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-content, .dt-sc-one-column article.blog-entry .entry-content, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-content, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-content, .dt-sc-one-fourth article.blog-entry .entry-content, .dt-sc-one-third article.blog-entry .entry-content { padding: 10px 15px 50px; float: left; width: 100%; } article.blog-entry .entry-details .tags { width: 70%; } article.blog-entry .entry-details, .dt-sc-one-half article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details, .dt-sc-one-fourth article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details, #primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth article.blog-entry .entry-details { padding: 30px 15px 0; width: 100%; float: left; } article.blog-entry .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, .dt-sc-one-third article.blog-entry .entry-details .entry-meta, .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta { float: left; width: auto; margin-right: 10px; padding-right: 15px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags, #primary.with-sidebar article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { width: 70%; margin-top: -5px; } article.blog-entry:hover .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-column article.blog-entry:hover .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry:hover .entry-details .entry-meta { border-right: 1px solid #ddd; } .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta .date { font-size: 40px; } .dt-sc-one-fourth article.blog-entry .entry-details .tags a, .dt-sc-one-third article.blog-entry .entry-details .tags a { font-size: 14px; } .wpcf7-form:before { content: none; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { top: auto; line-height: normal; } .dt-sc-copyrights { text-align: center; padding: 10px 0 20px; } .dt-sc-copyrights p { width: 100%; margin-bottom: 10px; } .dt-sc-copyrights .dt-sc-social-icons { float: none; display: inline-block; } .dt-sc-tabs-vertical-frame-content .tab-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ul.dt-sc-tabs-frame > li { width: 100%; } ul.dt-sc-tabs-frame > li > a { border-left: 1px solid #eae9e9; text-align: center; } .dt-sc-pricing-table ul.type1 .dt-sc-tb-title { border-right: none; } .dt-sc-pricing-table ul.type1 li.column .dt-sc-button.type1 { margin: 0 10px; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content > li { margin-bottom: 20px; } .dt-sc-pricing-table ul.type1 ul.dt-sc-tb-content { padding: 3% 3% 0 3%; } .tooltip { margin-bottom: 40px; margin-top: -10px; } .dt-sc-author-info { text-align: center; } .dt-sc-author-info img { width auto; margin-right: 0; margin-bottom: 20px; float: none; } .dt-sc-author-desc, #primary.with-both-sidebar .dt-sc-author-desc { width: 100%; } .dt-sc-author-info .dt-sc-author-desc h5, .dt-sc-author-info .dt-sc-author-desc h5 a { float: none; display: inline-block; } ul.commentlist li { margin: 20px 0; } .widget.widget_search #searchform input[type="text"] { width: 75%; } .widget.widget_search #searchform input[type="submit"] { width: 25%; } .dt-sc-project-details ul li { width: 100%; } .dt-sc-project-details ul.dt-sc-social-icons li { width: auto; } .recent-gallery-container #bx-pager a { width: 10%; } .recent-gallery-container #bx-pager { bottom: -20px; } .dt-sc-pricing-table ul.type1 { border: none; } .dt-sc-pricing-table ul.type1 li.dt-sc-pr-tb-col { margin-bottom: 20px; } .dt-sc-pricing-table ul.type1 li.dt-sc-pr-tb-col.selected:before { top: 52px; margin: 0; transform: translateY(0) rotate(-90deg); -ms-transform: translateY(0) rotate(-90deg); -moz-transform: translateY(0) rotate(-90deg); -webkit-transform: translateY(0) rotate(-90deg); } .dt-sc-pricing-table ul.type1 li.dt-sc-hr { display: none; } .dt-sc-service-carousel .dt-sc-carousel li { text-align: center; } .dt-sc-service-carousel .dt-sc-carousel li h2, .dt-sc-carousel li p, .boxed .dt-sc-service-carousel .dt-sc-carousel li h2, .boxed .dt-sc-carousel li p { width: 100%; } .dt-sc-service-carousel #pager, .boxed .dt-sc-service-carousel #pager { bottom: 10px; right: 0; left: 0; margin: 0 auto; width: 100%; text-align: center; } .dt-sc-ico-content.type1 h5 a:after { bottom: -13px; } .dt-sc-portfolio figcaption h6 a:after { bottom: -15px; } .dt-sc-one-fifth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption img, .dt-sc-one-sixth .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption img { display: block; width: 50%; margin: 0 auto 15px; } .dt-sc-callout-box h4 { margin-bottom: 15px; font-size: 18px; } .dt-sc-callout-box h5 { margin-bottom: 15px; font-size: 14px; } .dt-sc-callout-box.with-icon.type3 .icon, .dt-sc-callout-box.with-icon.type4 .icon, .dt-sc-callout-box.with-icon.type5 .icon { margin-bottom: 15px; float: none; display: inline-block; margin-right: 0; } .dt-sc-callout-box.type3 h4, .dt-sc-callout-box.type3 h5, .dt-sc-callout-box.type4 h4, .dt-sc-callout-box.type4 h5, .dt-sc-callout-box.type5 h4, .dt-sc-callout-box.type5 h5 { width: 100%; float: left; } .dt-sc-callout-box .column { margin-bottom: 0 !important; } .dt-sc-callout-box.with-icon.type1 .icon { margin-bottom: 15px; } .dt-sc-callout-box.with-icon.type2 .icon { margin: 0 0 15px 0; } .dt-sc-callout-box .dt-sc-button { float: left; margin: 0; } .dt-sc-callout-box.type4 .dt-sc-button, .dt-sc-callout-box.with-icon.type4 .dt-sc-button { float: none; display: inline-block; } .dt-sc-callout-box.type5 .dt-sc-button { float: right; margin-bottom: 15px; } .dt-sc-pricing-table ul.type1 li.dt-sc-pr-tb-col.selected::before { top: 0; right: 0; left: auto; z-index: 1; font-size: 12px; width: auto; height: 25px; color: #252525; line-height: 25px; padding: 0 10px; transform: translateY(0) rotate(0deg); -ms-transform: translateY(0) rotate(0deg); -moz-transform: translateY(0) rotate(0deg); -webkit-transform: translateY(0) rotate(0deg); } .woocommerce ul.products li.product { overflow: hidden; } .woocommerce .product-thumb-wrapper .images, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary { width: 100%; } .woocommerce-tabs ul.wc-tabs > li { font-size: 16px; } .woocommerce-tabs ul.wc-tabs > li > a { padding: 6px 16px; } .woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message,.woocommerce-page .woocommerce-error,.woocommerce-page .woocommerce-info,.woocommerce-page .woocommerce-message { padding: 1em 1em 1em 2.5em !important } #primary .woocommerce .actions .coupon { margin-bottom: 10px; width: 100%; } #primary .woocommerce .actions .coupon input[type="text"].input-text { width: 100%; margin-bottom: 10px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; margin-top: 50px; } } @media only screen and (min-width:710px) and (max-width:767px) { .dt-sc-portfolio figcaption { height: 100%; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .container { width: 280px; } h1 { font-size: 30px; } h2, .boxed .dt-sc-service-carousel .dt-sc-carousel li h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } th, td { padding: 1px; font-size: 10px; } .dt-sc-hr-invisible { margin: 20px 0; } .dt-sc-hr-invisible-toosmall { margin:10px 0; } .dt-sc-hr-invisible-small { margin:15px 0; } .dt-sc-hr-invisible-medium { margin:25px 0; } .dt-sc-hr-invisible-large { margin:35px 0; } .widget_categories ul li a, .widget.widget_archive ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul#recentcomments li { padding: 15px 30px; } #primary, #secondary, #secondary.secondary-has-right-sidebar { padding-top: 80px; } #primary .main-title { margin-bottom: 0; } .tp-rightarrow.default, .tp-rightarrow.default:hover { bottom: 15% !important; top: auto !important; background-size: 50%; background-position: center bottom !important; right: 35% !important; } .tp-leftarrow.default, .tp-leftarrow.default:hover { bottom: 15% !important; top: auto !important; background-size: 50%; background-position: center bottom !important; left: 35% !important; } #header.type4 #main-menu ul li a i { top: 14px; } #header.type4 #main-menu ul li a:hover i, #header.type4 #main-menu ul li.current_page_item a i { right: 10px; } #header.type4 #main-menu #logo { padding: 15px 0; } #header.type4 #main-menu #logo a span { margin: 0 -5px; } #header.type4 #main-menu ul li a { font-size: 16px; } .sb-slidebar { padding: 10px 20px; } ul.sb-toggle li.sb-toggle-right { border-top: 70px solid; border-left: 70px solid transparent; } ul.sb-toggle li.sb-toggle-right i { top: 8px; right: 5px; } #loader-wrapper .large-header h1 { font-size: 14px; padding: 10px; } #scrolldown { display: none; } .banner .caption { position: static; transform: translate(0%,40%); -ms-transform: translate(0%,40%); -webkit-transform: translate(0%,40%); -moz-transform: translate(0%,40%); } .banner .caption .dt-sc-button.type1 { font-size: 10px;} #slider .dt-sc-button.type1.medium.with-icon span { padding: 10px 15px; font-size: 12px; } #slider .dt-sc-button.medium.with-icon i.fa { padding: 10px; font-size: 12px; } #slider .dt-sc-button.medium.with-icon i.fa::after { left: 40px; } #header.type4 #main-menu ul li a { font-size: 18px; padding: 10px 0 10px 10px; } ul#team-section li, ul#team-section li:nth-child(3n+2), ul#team-section li:nth-child(6n+4), ul#team-section li:nth-child(6n+5), ul#team-section li:nth-child(6n+6) { margin: 0 50px 30px; overflow: hidden; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, article.blog-entry .entry-details .entry-meta { border-bottom: none; border-right: none; margin: 0 5% 0 0; padding: 0; } #primary.with-sidebar article.blog-entry .entry-details .entry-meta .month p { margin: 0 0 0 10px; } #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title h5 { font-size: 16px; line-height: normal; } #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { margin-top: -5px; } article.blog-entry:hover .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-column article.blog-entry:hover .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry:hover .entry-details .entry-meta { border-right: none; } article.blog-entry .entry-details, .dt-sc-one-half article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-details, .dt-sc-one-third article.blog-entry .entry-details, .dt-sc-one-fourth article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details { width: 100%; padding: 10% 0 5% 5%; } article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, #primary.with-sidebar article.blog-entry .entry-details .entry-meta, .dt-sc-one-third article.blog-entry .entry-details .entry-meta, .dt-sc-one-third article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta { width: 33%; border: none; margin: 0 5% 0 0; padding: 0; } article.blog-entry .entry-details .entry-meta, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .entry-meta, .dt-sc-one-third article.blog-entry .entry-details .entry-meta, .dt-sc-one-fourth article.blog-entry .entry-details .entry-meta, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .entry-meta { border-right: none; padding: 0; } article.blog-entry .entry-details .tags, #primary.with-sidebar article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags, .dt-sc-one-third article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags { width: 62%; margin-top: -13px; float: right; } article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-half article.blog-entry .entry-details .tags, #primary.with-sidebar article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-details .tags, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags, .dt-sc-one-fourth article.blog-entry .entry-details .tags, #primary.with-sidebar.with-both-sidebar article.blog-entry .entry-details .tags { width: 60%; float: left; } article.blog-entry .entry-details .tags a.comments, article.blog-entry .entry-details .tags span, #primary.with-sidebar article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar article.blog-entry .entry-details .tags span, .dt-sc-one-third article.blog-entry .entry-details .tags a.comments, .dt-sc-one-third article.blog-entry .entry-details .tags span, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags span, article.blog-entry .entry-details .tags a.comments, article.blog-entry .entry-details .tags span, #primary.with-sidebar article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar article.blog-entry .entry-details .tags span, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags a.comments, #primary.with-sidebar .dt-sc-one-third article.blog-entry .entry-details .tags span, #primary.with-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags span, #primary.with-sidebar.with-both-sidebar .dt-sc-one-fourth article.blog-entry .entry-details .tags span { width: auto; margin-right: 10px; font-size: 12px; float: left; } article.blog-entry .entry-details .tags span, article.blog-entry .entry-details .tags i { line-height: 18px; } article.blog-entry .entry-content, .dt-sc-one-half article.blog-entry .entry-content, #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-content, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-content, .dt-sc-one-column article.blog-entry .entry-content, #primary.with-sidebar .dt-sc-one-half article.blog-entry .entry-content, .dt-sc-one-fourth article.blog-entry .entry-content, .dt-sc-one-third article.blog-entry .entry-content { width: 100%; padding: 5% 5% 20% 5%; } #primary.with-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title, #primary.with-sidebar.with-both-sidebar .dt-sc-one-column article.blog-entry .entry-thumb .entry-title { width: 100%; position: static; margin: 0; } article.blog-entry:hover .entry-content { border-color: #ddd; } .dt-sc-one-fourth article.blog-entry .entry-details .tags a, .dt-sc-one-third article.blog-entry .entry-details .tags a { font-size: 12px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame h6 { width: 67%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a { padding: 6% 4%; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon { width: 34px; margin: 42px 30px 0 20px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a i, .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a i { background: none; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a.current i, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a:hover i { top: -14px; font-size: 20px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon:before, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a:hover .icon:before { border-width: 35px 36px 0; top: -4px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a:hover .icon:after { top: -38px; border-width: 0 35px 35px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a i { height: 39px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon::before { left: -18px; top: -6px; width: 34px; border-width: 30px 19px 0 18px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon::after { top: -40px; left: -18px; border-width: 0 35px 35px; } .dt-sc-tabs-vertical-frame-content .tab-content img { display: block; position: relative; width: 100%; } .dt-sc-portfolio figcaption a span:before { font-size: 12px; } .dt-sc-portfolio figcaption a.zoom span:before, .boxed .dt-sc-portfolio figcaption a.zoom span:before { margin-left: 0; margin-top: 0; } .dt-sc-portfolio figcaption a.view span:before, .boxed .dt-sc-portfolio figcaption a.view span:before { margin-right: 0; margin-bottom: 0; } .dt-sc-portfolio figcaption a.zoom span:after, .boxed .dt-sc-portfolio figcaption a.zoom span:after { border-right: 35px solid transparent; } .dt-sc-portfolio figcaption a.view span:after, .boxed .dt-sc-portfolio figcaption a.view span:after { border-left: 35px solid transparent; } ul.commentlist li .comment-author img { max-width: 45px; max-height: 45px; } ul.commentlist li { padding: 0 0 0 55px; } .widget.widget_search #searchform input[type="text"] { width: 70%; } .widget.widget_search #searchform input[type="submit"] { width: 30%; } .dt-sc-post-pagination a.dt-sc-button.type1 { width: 100%; border: none; } .dt-sc-post-pagination a.dt-sc-button.type1 span { float: none; display: inline-block; padding: 8px 20px; } .dt-sc-post-pagination a.prev-post i.fa { float:right; } .dt-sc-post-pagination a.next-post i.fa { float:left; } .dt-sc-post-pagination a.next-post:hover i.fa, .dt-sc-post-pagination a.prev-post:hover i.fa { border-color: #fff; } .recent-gallery-container .bx-controls a { width: 20px; height: 20px; } .dt-sc-pricing-table ul.type1 li.column .dt-sc-button.type1 { margin: 10px; } .dt-sc-tabs-frame.dt-sc-pricing-tab, .dt-sc-tabs-frame.dt-sc-pricing-tab > li { width: 100%; } .dt-sc-pr-tb-col.type2 .dt-sc-tb-title .dt-sc-pricing-title { width: 75%; } .dt-sc-error-box h4:before, .dt-sc-warning-box h4:before, .dt-sc-success-box h4:before, .dt-sc-info-box h4:before { font-size: 35px; top: -14px; } @-moz-document url-prefix() { .dt-sc-error-box h4:before, .dt-sc-warning-box h4:before, .dt-sc-success-box h4:before, .dt-sc-info-box h4:before { top: -13px; } } #secondary.secondary-has-left-sidebar .widget:nth-last-child(2), #secondary.secondary-has-right-sidebar .widget:nth-last-child(2), .portfolio-detail #secondary.secondary-has-right-sidebar .widget:last-child { padding: 0; } .portfolio-detail #secondary.secondary-has-right-sidebar .widget:nth-last-child(2) { padding: 0 0 50px; } .dt-sc-post-pagination a.dt-sc-button.small.with-icon.prev-post i.fa { float: right; } ol.type3 li:before { right: -13px; } ol.type1 li:before { left: -13px; } ol.type1 li:before, ol.type3 li:before { margin-top: -14px; height: 25px; width: 25px; line-height: 25px; border: 2px solid #fff; } .woocommerce table.cart img, .woocommerce-page table.cart img, .woocommerce #content table.cart img, .woocommerce-page #content table.cart img { width: 40px; } .woocommerce td.product-quantity, .woocommerce-page td.product-quantity { min-width: 50px; } .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { height: 34px; width: 44px; font-size: 10px; } #primary .woocommerce .actions .coupon input.input-text[type="text"] { width: 100%; background: #fff; } .woocommerce #content table.cart input.button, .woocommerce table.cart input.button, .woocommerce-page #content table.cart input.button, .woocommerce-page table.cart input.button { min-height: 45px; width: 100%; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { font-size: 10px; text-transform: capitalize; } #toTop { transform: scale(0.7) rotate(45deg); -ms-transform: scale(0.7) rotate(45deg); -moz-transform: scale(0.7) rotate(45deg); -webkit-transform: scale(0.7) rotate(45deg); right: 10px; bottom: 10px; } } @media only screen and (max-width: 319px) { body { overflow-x: hidden; } #loader-wrapper .large-header h1 { font-size: 14px; } .container { width:200px; } #primary, #secondary { padding-top: 50px; } .wrapper.inner-page #main { padding-bottom: 100px; } h1 { font-size: 30px; } h6 { letter-spacing: 3px; } th, td { font-size: 8px; font-weight: 800; } #logo a, .logo a { font-size: 24px; } .dt-sc-hr-invisible { margin: 20px 0; } .dt-sc-hr-invisible-toosmall { margin:10px 0; } .dt-sc-hr-invisible-small { margin:15px 0; } .dt-sc-hr-invisible-medium { margin:25px 0; } .dt-sc-hr-invisible-large { margin:35px 0; } #header.type4 #main-menu ul li a { font-size: 14px; padding: 10px 0 10px 0; } #header.type4 #main-menu ul li a i { top: 32%; } #header.type4 #main-menu ul li a:hover i, #header.type4 #main-menu ul li.current_page_item a i { right: 10px; } #header.type4 #logo a span { margin: 0 -2px; } .banner .caption { transform: translate(0%,20%); -ms-transform: translate(0%,20%); -webkit-transform: translate(0%,20%); -moz-transform: translate(0%,20%); } .widget.widget_search #searchform input[type="text"] { width: 60%; } .widget.widget_search #searchform input[type="submit"] { width: 40%; } .dt-sc-button.small.with-icon i.fa, .dt-sc-button.large.with-icon i.fa, .dt-sc-button.xlarge.with-icon i.fa { float: left; } .dt-sc-button.small.with-icon span { padding: 8px 17px; float: left; } .dt-sc-button.large.with-icon span { padding: 16px 31px; float: left; } .dt-sc-button.xlarge.with-icon span { padding: 21px 26px; float: left; } .reply .dt-sc-button.small.with-icon span { padding: 15px 17px; } h2.main-title span { display: none; } .breadcrumb.dt-sc-parallax-section { padding: 40px 0; } .dt-sc-service-carousel .dt-sc-carousel li h2, .boxed .dt-sc-service-carousel .dt-sc-carousel li h2 { line-height: normal; } .recent-gallery-container #bx-pager a { width: 15%; } .dt-sc-ico-content.type1 { padding: 50px 8%; } ul#team-section li, ul#team-section li:nth-child(3n+2), ul#team-section li:nth-child(6n+4), ul#team-section li:nth-child(6n+5), ul#team-section li:nth-child(6n+6) { margin: 0 0 30px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon { width: 20px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a .icon:before, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon:before, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a:hover .icon:before, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a .icon:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a:hover .icon:after { content: none; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon { margin: 0; float: right; position: absolute; bottom: 10px; right: 14px; height: 0; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon i:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame:hover .icon i:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon i:after { position: absolute; bottom: -5px; right: -5px; content: ""; display: block; width: 0; height: 0; border-left: 75px solid transparent; z-index: -1; overflow: visible; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon i:after { border-bottom: 50px solid #252525; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a:hover .icon i:after, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame a.current .icon i:after { border-left: 75px solid transparent; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a i, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a.current i, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a:hover i { background: none; height: 20px; top: -5px; margin: -10px; color: #fff; } .boxed .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame .icon { margin: 42px 0 0 20px; } .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a.current i, .dt-sc-tabs-vertical-container .dt-sc-tabs-vertical-frame li a:hover i { color: #252525; } .dt-sc-tabs-vertical-frame-content .tab-content .dt-sc-button { margin-right: 0; } article.blog-entry .entry-details .tags a { font-size: 14px; } article.blog-entry .entry-details .entry-meta .month p { margin: 5px 0 0 0; } article.blog-entry .entry-content { padding: 5%; } ul.commentlist li { padding: 0; } ul.commentlist li .comment-author { display: none; } ul.commentlist li ul.children { padding: 0 0 0 30px; } .dt-sc-team.type2 .dt-sc-entry-thumb .figcaption img { display: none; } .dt-sc-ico-content.type4 h5 { font-size: 14px; margin: 10px 0 16px; padding-left: 50px; } .dt-sc-ico-content.type4:hover h5 { font-size: 14px; margin: 10px 0 16px; padding-left: 0; } .dt-sc-ico-content.type4 .icon span.fa { font-size: 30px; } .dt-sc-pricing-table ul.type1 li.dt-sc-pr-tb-col.selected:before { margin: 0; transform: translateY(0) rotate(0deg); -ms-transform: translateY(0) rotate(0deg); -moz-transform: translateY(0) rotate(0deg); -webkit-transform: translateY(0) rotate(0deg); left: auto; right: 0; z-index: 99; top: 0; font-size: 12px; width: auto; padding: 0 10px; } .dt-sc-pr-tb-col.type2 .dt-sc-tb-title .dt-sc-pricing-title { text-align: center; width: 100%; } .dt-sc-pr-tb-col.type2 .dt-sc-pricing-icon { margin-top: 15px; margin-right: 0; float: none; display: inline-block; margin-bottom: 15px; } ul.dt-sc-pagination li a { padding: 0 5px; line-height: 20px; font-size: 12px; } .dt-sc-copyrights .dt-sc-social-icons a, .dt-sc-copyrights .dt-sc-social-icons a i { width: 22px; height: 22px; line-height: 22px; font-size: 12px; } #toTop { width: 40px; height: 40px; background-size: 100%; bottom: 40px; } #toTopHover { width: 62px; height: 62px; background-position: 0; background-size: 50%; } .dt-style-picker-wrapper { display: none; } .dt-sc-button.small, .tooltip { font-size: 11px; } }