@media only screen and (min-width: 960px) and (max-width: 1200px){ .carousel-caption { top:5% !important; } .carousel-caption h1{ font-size:54px; margin:5px 0 !important; } .carousel-caption p{ font-size:20px; line-height:36px; } .main-btn { font-size: 16px; padding:10px 20px; margin:5px 10px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .carousel-caption { top:5% !important; } .carousel-caption h1{ font-size:48px; margin:5px 0 !important; } .carousel-caption p{ font-size:24px; line-height:38px; } .main-btn { font-size: 16px; padding:10px 20px; margin:5px 10px; } .navbar-nav { margin: 7.5px 0px !important; } .navbar-toggle { display: none !important; } .search-box-top {margin:10px !important;} #trapezoid .pagetitle, .top-breadcrumb ,.contact-top, .site-logo h2{text-align:center !important;float:none !important; display: block !important;} .entry-video iframe{ max-width:100% !important; height:400px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .carousel-caption { top:5% !important; } .carousel-caption h1{ font-size:40px; margin:5px 0 !important; } .carousel-caption p{ font-size:18px; line-height:30px; } .main-btn { font-size: 14px; padding:8px 18px; margin:5px 10px; } .navbar-toggle { display:block !important; float: none !important; font-size: 12px; margin: 13px auto 20px !important; padding: 10px 14px; } .navbar-nav { margin: 7.5px 0px !important; } .search-box-top {margin:5px !important;} .search-box-top button.btn.btn-search:before { margin-left: -28px !important;} #trapezoid .pagetitle, .top-breadcrumb ,.contact-top, .site-logo h2{text-align:center !important;float:none !important; display: block !important;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:50% !important; clear:both; } .entry-video iframe{ max-width:100% !important; height:340px !important; } } @media only screen and (min-width: 200px) and (max-width: 480px) { .carousel-caption { top:0% !important; } .carousel-caption h1{ font-size:30px; margin:5px 0 !important; } .carousel-caption p{ font-size:14px; line-height:24px; } .main-btn { font-size: 12px; padding:6px 15px; margin:5px 10px; } .carou-direction-nav a { height:50px; width: 30px; } .carou-direction-nav a:before { font-size:26px; line-height:50px; } /* Comment Section */ .comment_box .media-body { float: left; } .navbar-toggle { display: block !important; float: none; margin: 13px auto 20px; padding: 10px 14px; } .navbar-nav { margin: 7.5px 0px !important; } #trapezoid .pagetitle, .top-breadcrumb ,.contact-top, .site-logo h2{text-align:center !important;float:none !important; display: block !important;} .search-box-top { margin:5px !important; } .search-box-top button.btn.btn-search:before { margin-left: -21px !important;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:100% !important; } .entry-video iframe{ max-width:100% !important; height:250px !important; } } @media (min-width: 1200px){ .boxed .navbar.affix {max-width: 1211px;} } .sidebar-menu i{padding-top:3px;float: right;} .sidebar-menu i{color:#81c507;font-size:25px;} .sidebarmenu .sidenav{height:100%;width:0;position:fixed;z-index:9999;top:0;left:0;background-color:#547d0a;overflow-x:hidden;transition:0.5s;padding-top:60px;} .sidebarmenu .sidenav a{padding:8px 0px 8px 12px;text-decoration:none;font-size:14px;color:#ffffff;display:block;transition:0.3s;border-bottom:1px solid #164377;} .sidebarmenu .sidenav a:hover{color:#000;} .sidebarmenu .sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;border:none;} #sidebarmenuleft,#sidebarmenuleft ul,#sidebarmenuleft ul li,#sidebarmenuleft ul li a,#sidebarmenuleft #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #sidebarmenuleft:after,#sidebarmenuleft > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} #sidebarmenuleft #menu-button{display:none;} #sidebarmenuleft{width:100%;padding:20px;} #sidebarmenuleft ul ul{display:none;} #sidebarmenuleft ul li a{padding:12px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#dddddd;font-weight:700;text-transform:uppercase;} #sidebarmenuleft ul li a:hover,#sidebarmenuleft ul li.menu-item-has-children ul li a:hover{color:#000;} #sidebarmenuleft > ul > li.has-sub > a{padding-right:30px;} #sidebarmenuleft > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#dddddd;content:'';} #sidebarmenuleft > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#dddddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;} #sidebarmenuleft > ul > li.has-sub:hover > a:before{top:23px;height:0;} #sidebarmenuleft ul ul{position:absolute;left:-9999px;} #sidebarmenuleft.align-right ul ul{text-align:right;} #sidebarmenuleft ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;} #sidebarmenuleft li:hover > ul{left:auto;} #sidebarmenuleft.align-right li:hover > ul{left:auto;right:0;} #sidebarmenuleft li:hover > ul > li{height:35px;} #sidebarmenuleft ul ul ul{margin-left:100%;top:0;} #sidebarmenuleft.align-right ul ul ul{margin-left:0;margin-right:100%;} #sidebarmenuleft ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#dddddd;font-weight:400;background:#333333;} #sidebarmenuleft ul ul li:last-child > a,#sidebarmenuleft ul ul li.last-item > a{border-bottom:0;} #sidebarmenuleft ul ul li:hover a,#sidebarmenuleft ul ul li a:hover{color:#000;} #sidebarmenuleft ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#dddddd;content:'';} #sidebarmenuleft.align-right ul ul li.has-sub > a:after{right:auto;left:11px;} #sidebarmenuleft ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#dddddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;} #sidebarmenuleft.align-right ul ul li.has-sub > a:before{right:auto;left:14px;} #sidebarmenuleft ul ul > li.has-sub:hover > a:before{top:17px;height:0;} #sidebarmenuleft ul{width:100%;} #sidebarmenuleft.align-center > ul{text-align:left;} #sidebarmenuleft ul li{width:100%;border-top: 1px solid rgba(183, 180, 180, 0.2);} #sidebarmenuleft ul ul li,#sidebarmenuleft li:hover > ul > li{height:auto;} #sidebarmenuleft ul li a,#sidebarmenuleft ul ul li a{width:100%;border-bottom:0;} #sidebarmenuleft > ul > li{float:none;} #sidebarmenuleft ul ul li a{padding-left:25px;} #sidebarmenuleft ul ul ul li a{padding-left:35px;} #sidebarmenuleft ul ul li a{color:#dddddd;background:none;} #sidebarmenuleft ul ul li:hover > a,#sidebarmenuleft ul ul li.active > a{color:#ffffff;} #sidebarmenuleft ul ul,#sidebarmenuleft ul ul ul,#sidebarmenuleft.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;} #sidebarmenuleft > ul > li.has-sub > a:after,#sidebarmenuleft > ul > li.has-sub > a:before,#sidebarmenuleft ul ul > li.has-sub > a:after,#sidebarmenuleft ul ul > li.has-sub > a:before{display:none;} #sidebarmenuleft #menu-button{display:block;padding:17px;color:#dddddd;cursor:pointer;font-size:12px;text-transform:uppercase;font-weight:700;} #sidebarmenuleft #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:'';} #sidebarmenuleft #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#dddddd;content:'';} #sidebarmenuleft #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} #sidebarmenuleft #menu-button.menu-opened:before{top:23px;background:#ffffff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} #sidebarmenuleft .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(183, 180, 180, 0.2);height:36px;width:36px;cursor:pointer;} #sidebarmenuleft .submenu-button.submenu-opened{background:#262626;} #sidebarmenuleft ul ul .submenu-button{height:34px;width:34px;} #sidebarmenuleft .submenu-button:after{position:absolute;top:18px;right:14px;width:8px;height:2px;display:block;background:#dddddd;content:'';} #sidebarmenuleft ul.sub-menu li a.submenu-button:after{position:absolute;top:18px;right:14px;width:8px;height:2px;display:block;background:#dddddd;content:'';} #sidebarmenuleft ul ul .submenu-button:after{top:15px;right:13px;} #sidebarmenuleft .submenu-button.submenu-opened:after{background:#ffffff;} #sidebarmenuleft .submenu-button:before{position:absolute;top:15px;right:17px;display:block;width:2px;height:8px;background:#dddddd;content:'';} #sidebarmenuleft ul.sub-menu li a.submenu-button:before{position:absolute;top:15px;right:17px;display:block;width:2px;height:8px;background:#dddddd;content:'';} #sidebarmenuleft ul ul .submenu-button:before{top:12px;right:16px;} #sidebarmenuleft .submenu-button.submenu-opened:before{display:none;} .mobileshow{display: none;} #desktop-show{display: block;} @media (min-width:320px) and (max-width:767px){ .menu-item-has-children::after{position: absolute;right: 0;display: none;} .mobileshow{display: block;background-color: #fff;padding-top: 5px;padding-bottom: 5px;} #desktop-show,.mobile-menu{display: none;} } @media (min-width:768px) and (max-width:991px){ .menu-item-has-children::after{position: absolute;right: 0;display: none;} .mobileshow{display: block;background-color: #fff;padding-top: 5px;padding-bottom: 5px;} #desktop-show,.mobile-menu{display: none;} } @media only screen and (min-width: 960px) and (max-width: 1200px){ .carousel-caption { top:5% !important; } .carousel-caption h1{ font-size:54px; margin:5px 0 !important; } .carousel-caption p{ font-size:20px; line-height:36px; } .main-btn { font-size: 16px; padding:10px 20px; margin:5px 10px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .carousel-caption { top:5% !important; } .carousel-caption h1{ font-size:48px; margin:5px 0 !important; } .carousel-caption p{ font-size:24px; line-height:38px; } .main-btn { font-size: 16px; padding:10px 20px; margin:5px 10px; } .navbar-nav { margin: 7.5px 0px !important; } .navbar-toggle { display: none !important; } .search-box-top {margin:10px !important;} #trapezoid .pagetitle, .top-breadcrumb ,.contact-top, .site-logo h2{text-align:center !important;float:none !important; display: block !important;} .entry-video iframe{ max-width:100% !important; height:400px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .carousel-caption { top:5% !important; } .carousel-caption h1{ font-size:40px; margin:5px 0 !important; } .carousel-caption p{ font-size:18px; line-height:30px; } .main-btn { font-size: 14px; padding:8px 18px; margin:5px 10px; } .navbar-toggle { display:block !important; float: none !important; font-size: 12px; margin: 13px auto 20px !important; padding: 10px 14px; } .navbar-nav { margin: 7.5px 0px !important; } .search-box-top {margin:5px !important;} .search-box-top button.btn.btn-search:before { margin-left: -28px !important;} #trapezoid .pagetitle, .top-breadcrumb ,.contact-top, .site-logo h2{text-align:center !important;float:none !important; display: block !important;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:50% !important; clear:both; } .entry-video iframe{ max-width:100% !important; height:340px !important; } } @media only screen and (min-width: 200px) and (max-width: 480px) { .carousel-caption { top:0% !important; } .carousel-caption h1{ font-size:30px; margin:5px 0 !important; } .carousel-caption p{ font-size:14px; line-height:24px; } .main-btn { font-size: 12px; padding:6px 15px; margin:5px 10px; } .carou-direction-nav a { height:50px; width: 30px; } .carou-direction-nav a:before { font-size:26px; line-height:50px; } /* Comment Section */ .comment_box .media-body { float: left; } .navbar-toggle { display: block !important; float: none; margin: 13px auto 20px; padding: 10px 14px; } .navbar-nav { margin: 7.5px 0px !important; } #trapezoid .pagetitle, .top-breadcrumb ,.contact-top, .site-logo h2{text-align:center !important;float:none !important; display: block !important;} .search-box-top { margin:5px !important; } .search-box-top button.btn.btn-search:before { margin-left: -21px !important;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:100% !important; } .entry-video iframe{ max-width:100% !important; height:250px !important; } } @media (min-width: 1200px){ .boxed .navbar.affix {max-width: 1211px;} }