/*
Theme Name: Vertical Mouse
Theme URI: #
Author: CL
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue.woff2') format('woff2'),
        url('fonts/HelveticaNeue.woff') format('woff'),
        url('fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('fonts/HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6,ul,li,p{padding:0px; margin:0px;}
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Poppins', sans-serif;  font-size:15px; color:#585858; line-height:24px; background:#fff; min-height:100%; overflow-x: hidden;}
p{ margin:0px; padding:0px 0 10px 0; font-family: 'Poppins', sans-serif;  font-size:14px; color:#585858; line-height:24px; font-weight:300;}
h1{ margin: 0px; padding: 0px;  font-size:48px; line-height: 48px; color:#fff; font-family: 'Poppins', sans-serif;  font-weight: 500;}
h2{ margin: 0px; padding: 0px;  color:#fff; font-size:48px; line-height:48px; font-family: 'Poppins', sans-serif;  font-weight: bold;}
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px;  }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img { max-width: 100%; height: auto;}
@media \0screen {img { width: auto }}

::-moz-selection { color: #fff; background: #111111;}
::selection {  color: #fff; background: #111111;}
:focus { outline-color:#f26b4a; }

ul, li { position:relative; margin:0px; padding:0px; list-style:none;}

.form-control { font-family: 'Poppins', sans-serif; border-radius: 5px; border:none; background-color:#fff; color:#767676; font-size:14px; border:none; outline: 0; font-weight:300; background-color:#f2f2f2; border:1px solid #dedede;}
.form-control:focus { font-family: 'Poppins', sans-serif; border-radius: 5px; border:none; background-color:#fff; color:#767676; font-size:14px;border:none; outline: 0; font-weight:300; background-color:#f2f2f2; border:1px solid #dedede; box-shadow:none;}
.form-group { margin-bottom:15px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #fff;}
::-moz-placeholder { /* Firefox 19+ */  color: #fff;}
:-ms-input-placeholder { /* IE 10+ */  color: #fff;}
:-moz-placeholder { /* Firefox 18- */  color: #fff;}

.btn { background-color:#77b30f; font-size:16px; font-weight:500; color:#000000; font-family: 'Helvetica Neue'; padding:5px 11px; border-radius:5px; width: auto; border:0px; outline:0px; border:1px solid #77b30f;}
.btn:hover { color:#fff; background-color:#232020; border:1px solid #fff; outline:0px;}

.zaas .navbar-toggler { padding: 3px 10px; font-size: 20px; line-height: 1; background-color: transparent; border: 2px solid #ffc107;    border-radius: 0px;}
.navbar-toggler-icon.menu {display: flex; flex-direction: column; justify-content: space-evenly;}
.navbar-toggler-icon.menu .bar { width:100%; height:2px; background-color:#fff;} 

/* ------- Header ------- */

.allheader { background-color: #313338; position: fixed; width: 100%; top: 0px; z-index: 99;}
.top_ul { display: -webkit-box; display: -moz-box;  display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;     padding: 6px 0px;}
.top_ul ul li { display:inline-block;}
.top_ul ul:first-child li a { color:#6a6a6a; position:relative; font-size: 20px; margin-right: 10px;}
.top_ul ul:first-child li a:hover { color:#fad800;}

.top_ul ul:last-child li a { color:#fff; position:relative; margin-right: 10px; font-size:14px;}
.top_ul ul:last-child li a:hover { color:#fad800;}
.top_ul ul:last-child li a i { margin-right:5px;}

.vertical.navbar { padding:0px; margin:0px;}
.vertical.navbar .navbar-brand { padding:10px 0px; margin:0px 0px 0px 0px;     line-height: normal;}
/*.zaas.navbar.navbar-expand-lg .navbar-nav .nav-link { padding:0px; margin:0px; color:#a4a4a4; font-size:12px; font-family: 'Work Sans', sans-serif; text-transform:uppercase;}
.zaas.navbar.navbar-expand-lg .navbar-nav .nav-link:hover { color:#fff;}
.zaas.navbar.navbar-expand-lg .navbar-nav .nav-item.active .nav-link { color:#fff;}*/

.vertical.navbar .collapse.navbar-collapse { justify-content: center;}

.right_button { width:118px; position:relative; text-align: right;}
.buy_now.btn { text-transform:uppercase; color:#fff; letter-spacing: 1px; border-radius: 50px;}

.inside_menu { width:auto; position:relative;}
.inside_menu ul.navbar-nav { display: -webkit-box; display: -moz-box;  display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;}
.inside_menu ul.navbar-nav li { align-self: center;}
.inside_menu .navbar-nav ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; width: 100%;}
.inside_menu .navbar-nav ul li { align-items: center; display: flex;}
.inside_menu .navbar-nav ul li a { padding:0px; margin:0px 16px; color:#fff; font-size:16px; font-family: 'Helvetica Neue'; display:block;}
.inside_menu .navbar-nav ul li a:hover { color:#a4a4a4;}
/*.navbar-expand-lg .navbar-nav .nav-item:hover { background-color:#3752f6; color:#fff;}*/
.inside_menu .navbar-nav ul li a.active { color:#a4a4a4;}
.inside_menu .navbar-nav ul li a.btn {background-color: #ffcd06; font-size: 14px; font-weight: 500; color: #000000; font-family: 'Poppins', sans-serif; padding: 5px 11px; border-radius: 5px; width: 100%; border: 0px; outline: 0px; border: 1px solid #ffcd06;}
.inside_menu .navbar-nav ul li a.btn:hover { color:#fff; background-color:transparent; border:1px solid #fff; outline:0px;}

.fulltopheader { width:100%; position:relative; border-bottom:1px solid #403b3b;}

.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; outline: none; box-shadow: none;}

.lang select { text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    font-family: 'Helvetica Neue';
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0px 13px 0px 0px;
    margin-right: 0px;
    transition: 0.3s;
    background-color: #313338;
	-webkit-appearance: none;

-moz-appearance: none;

position: relative;

background: url('images/selectdownarrow.png') no-repeat 100% 55%;}
.lang select option { background-color: #313338;}
.lang select:focus { outline:none; border:none;}

/* ------- Header ------- */

/*-------- wrapper -------*/

.wrapper { width:100%; position:relative; padding-top: 44px;}

/*-------- wrapper end -------*/

/*-------- banner --------*/

.banner { width:100%; position:relative;}
.banner img { width:100%;}
.banner .container { height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px auto;}

.caption_text { max-width:505px; position:relative; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center;}
.caption_text h2 {font-family: 'Helvetica Neue'; font-size:82px; position:relative; color:#77b30f; line-height:82px;}
.caption_text span h2 { color:#111111;}
.caption_text a { font-family: 'Helvetica Neue'; font-size:17px; position:relative; color:#77b30f; line-height:24px; margin-top: 15px;}
.caption_text a i { font-size:18px;}

/*------- banner end ---------*/

/*-------- worldwide ---------*/

.worldwide { width:100%; position:relative; background-image:url(images/worldwide.jpg); background-repeat:no-repeat; background-size:cover; text-align:center;  background-attachment: fixed;}
.worldwide h2 { font-family: 'Helvetica Neue'; font-size:48px; position:relative; color:#000000; line-height:48px; padding:90px 0px}

/*-------- worldwide end ---------*/

/*-------- feature --------*/

.feature { width:100%; position:relative; background-color:#ededed; padding:100px 0px;}
.feature h2 { font-size:48px; color:#000; font-family: 'Helvetica Neue'; line-height:48px; text-align:center;     margin-bottom: 120px;}
.all_feature { margin-top: 40px; position: relative; width: 100%; margin-bottom: 40px; }
.img_mouse { max-width: 424px; min-height: 424px; position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0px auto; border:1px solid #313338;}
.img_mouse:before { content: ' '; position: absolute; width: 110%; height: 110%; left: -20px; top: -20px; border-radius: 50%; border: 1px solid rgba(49, 51, 56, 0.5);}
.img_mouse:after { content: ' '; position: absolute; width: 120%; height: 120%; left: -40px; top: -40px; border-radius: 50%; border: 1px solid rgba(49, 51, 56, 0.3);}

.UL_listing { width:100%; position:absolute;     display: flex;    justify-content: space-between;     top: 0px;}
.UL_listing ul.ul_left { max-width:290px; position:relative;}
.UL_listing ul.ul_left li { width:100%; position:relative; display: flex; margin-bottom:50px;}
.UL_listing ul.ul_left li:nth-child(1) { margin-left:0px; width:100%; margin-bottom: 55px;}
.UL_listing ul.ul_left li:nth-child(2) { margin-left:0px; width:100%;}
.UL_listing ul.ul_left li:nth-child(3) { margin-left:0px; width:100%;}
.UL_listing ul.ul_left li .img_icon { position:relative; width: 60px;}
.UL_listing ul.ul_left li .right_text { position:relative; width: calc(100% - 60px); text-align: right;}
.UL_listing ul.ul_left li .right_text h2 { font-size:22px; position:relative; font-family: 'Helvetica Neue'; line-height:24px; color:#454444; margin-bottom: 13px;text-align: right;}
/*.UL_listing ul.ul_left li .right_text h2:after { content:''; position:absolute; right:-30px; width:21px; height:21px; background-image:url(images/green_list.png); background-repeat:no-repeat; top:6px;}*/
.UL_listing ul.ul_left li .right_text p { font-size:14px; position:relative; font-family: 'Poppins', sans-serif; line-height:normal; margin: 0px; padding: 0px;}

.UL_listing ul.ul_left li:nth-child(1) .right_text .circle_green { right: -113px;}
.UL_listing ul.ul_left li:nth-child(2) .right_text .circle_green { right: -40px;}
.UL_listing ul.ul_left li:nth-child(3) .right_text .circle_green { right: -122px;}

.UL_listing ul.ul-right { max-width:290px; position:relative;}
.UL_listing ul.ul-right li { width:100%; position:relative; display: flex; flex-direction: row-reverse; margin-bottom:50px;}
.UL_listing ul.ul-right li:nth-child(1) { margin-left: 0px; width:100%; margin-bottom:55px;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left: 0px;}
.UL_listing ul.ul-right li:nth-child(3) { margin-left:0px; width:100%;}
.UL_listing ul.ul-right li .img_icon { position:relative; width: 60px;}
.UL_listing ul.ul-right li .left_text { position:relative; width: calc(100% - 60px);}
.UL_listing ul.ul-right li .left_text h2 { font-size:22px; position:relative; font-family: 'Helvetica Neue'; line-height:24px; color:#454444;     margin-bottom: 13px;     text-align: left;}
/*.UL_listing ul.ul-right li .left_text h2:before { content:''; position:absolute; left:-30px; width:21px; height:21px; background-image:url(images/green_list.png); background-repeat:no-repeat; top:6px;}*/
.UL_listing ul.ul-right li .left_text p { font-size:14px; position:relative; font-family: 'Poppins', sans-serif; line-height:normal; margin: 0px; padding: 0px;}

.UL_listing ul.ul-right li:nth-child(1) .left_text .circle_green { left: -113px;}
.UL_listing ul.ul-right li:nth-child(2) .left_text .circle_green { left: -40px;}
.UL_listing ul.ul-right li:nth-child(3) .left_text .circle_green { left: -122px;}


.right_text .circle_green {     width: 9px;
    height: 9px;
    background-color: #77b30f;
    position: absolute;
    border-radius: 50%;
    right: -24px;
    top: 12px;
	transition:0.3s;}
	
.left_text .circle_green {     width: 9px;
    height: 9px;
    background-color: #77b30f;
    position: absolute;
    border-radius: 50%;
    left: -24px;
    top: 12px;
	transition:0.3s;}
	
.circle_green:before {content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 15px;
  height: 15px;
  background:rgba(119, 179, 15, 0.6);
  border-radius: 50%;
  animation: pulse-border 2000ms ease-out infinite;}
  .circle_green:after {content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 21px;
  height: 21px;
  background:rgba(119, 179, 15, 0.4);
  border-radius: 50%;
  animation: pulse-border1 2000ms ease-out infinite;}
  
  @keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.1);
    opacity: 8;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
    opacity: 0;
  }
}

@keyframes pulse-border1 {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.1);
    opacity: 6;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    opacity: 0;
  }
}

/*-------- feature end --------*/

/*-------- carousel_slide --------*/

.carousel_slide { width:100%; position:relative; padding:100px 0px;}
.carousel_slide h2 { font-size:48px; color:#000; font-family: 'Helvetica Neue'; line-height:48px; text-align:center; margin-bottom:60px;}

.grey-border { width:100%; position:relative; text-align: center; cursor:pointer; border:1px solid #fff; transition:0.3s;}
.grey-border:hover { border:1px solid #ccc; transition:0.3s;}
.products.owl-carousel .owl-item img { width:auto; margin: 0px auto;}
.grey-border figure, .grey-border figure img { width:auto;}
.grey-border figure {     height: 300px;     position: relative;     display: flex;     justify-content: center;     align-items: center;     padding: 0px;     margin: 0px;}

.below_text { width:100%; position:relative; bottom: -20px;}
.below_text p { font-family: 'Helvetica Neue'; font-size:18px; text-align:center; line-height:24px; margin:0px; padding:0px; color:#111111;}

.btn.see_more { border-radius: 50px; font-family: 'Helvetica Neue'; font-size: 15px; text-align: center; line-height: 24px; margin: 18px 0px 0px 0px; padding: 6px 35px; color: #77b30f; border:1px solid #77b30f; background-color:#fff;}
.btn.see_more:hover { color:#77b30f; background-color:#77b30f; color:#fff;}
.btn.see_more:focus { outline:none; box-shadow:none;}

.products.owl-carousel .owl-stage-outer { padding:50px 0px;}
.products.owl-carousel.owl-theme .owl-nav { position:absolute; width:100%; top:45%;}

.products.owl-carousel .owl-nav button.owl-next { float:right; right: -30px; position: absolute; font-size:40px;}
.products.owl-carousel .owl-nav button.owl-next:hover, .products.owl-carousel .owl-nav button.owl-prev:hover { background-color:transparent; color:#000;}
.products.owl-carousel .owl-nav button.owl-next:focus, .products.owl-carousel .owl-nav button.owl-prev:focus { background-color:transparent; color:#000; outline:none; box-sdadow:0px;}
.products.owl-carousel .owl-nav button.owl-prev { float:left; left: -30px; position: absolute; font-size:40px;}

/*-------- carousel_slide --------*/

/*-------- green_bg -------*/

.bg_green { width:100%; position:relative; background-color:#77b30f;}

.hover_effect { width:100%; position:relative;}
.hover_effect ul { list-style:none; padding:0px; margin:0px; display:flex;     justify-content: center;}
.hover_effect ul li { width:auto;     display: inline-flex;
    justify-content: stretch;
    align-items: stretch;     text-align: center;}
.hover_effect ul li a { display:block;     padding: 50px 35px; transition:0.3s;}
.hover_effect ul li a:hover { /*box-shadow:0px 0px 14px -5px inset #000;*/ transition:0.3s; -webkit-box-shadow: inset 0px 0px 23px 1px rgba(99,151,9,1);
-moz-box-shadow: inset 0px 0px 23px 1px rgba(99,151,9,1);
box-shadow: inset 0px 0px 23px 1px rgba(99,151,9,1);}
.hover_effect ul li a p { font-family: 'Helvetica Neue'; font-size: 14px; text-align: center; line-height: 24px; color:#fff; padding: 0px; margin: 10px 0px 0px 0px; text-transform: uppercase;}

.circle_outline { width:100px; height:100px; border:1px solid #fff; border-radius:50%; display: flex; justify-content: center; align-items: center; margin: 0px auto;}
	
/*------- green bg end -------*/

/*------- faq -------*/

.faq_section{width:100%; padding:50px 0px; background:#ededed; position:relative;}
.faq_section h2{font-size:48px; line-height: 48px; color:#000; font-family: 'Helvetica Neue'; margin-bottom:35px;}
.faq_section:before { content: ' ';
    position: absolute;
    bottom:0px;
    width: 283px;
    height: 420px;
    background-image: url(images/mouse_before.png);
    background-position: center;
    background-size: 100% auto;
    right: 0px; margin-right:30px;}

.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius:30px;
  margin-bottom:10px;
      overflow: hidden;
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #989898;
  font-weight: 400;
  font-family: 'Helvetica Neue';
  border-bottom:0px;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a span{color:#989898; font-family: 'Helvetica Neue'; margin-right:8px; font-weight:bold;}
.set > a i{
  float: right;
  margin-top: 5px;
}
.set > a.active{
  background-color:#fff;
  color: #989898;

}
.content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
}
.content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.set_area{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.faq_section .left{width:49%; float: left;}
.faq_section .right{width:49%; float: right;}
.faq_section p{line-height:24px; color: #989898;}

/*-------- footer -------*/

footer { width:100%; position:relative; background-color:#f5f5f5; padding: 67px 0px 40px;}
footer ul { display:flex; flex-direction:column; justify-content: stretch; margin-top: 25px;}
footer ul > li { display:flex; justify-content: stretch; width:100%; position:relative; flex-direction: column;}
footer ul > li > ul { display:flex; flex-direction:column;}
footer ul > li > ul > li > ul { display:flex; flex-direction:row;}
/*footer ul > li:nth-child(3) > ul > li:nth-child(2) { margin-top:0px;}
footer ul > li:nth-child(1) { padding-right:35px;}
footer ul > li:nth-child(3) { padding-right:35px;}
footer ul > li:nth-child(3) > ul > li:nth-child(1) { padding-bottom:10px;}
footer ul > li > ul > li:nth-child(1) { padding-right:0px;}
footer ul > li:nth-child(4) > ul > ul { display:flex; flex-direction:row; margin-top: 15px; margin-bottom: 15px;}
footer ul > li:nth-child(4) ul > li > ul > li { padding:10px 0px;}
footer ul > li:nth-child(4) ul > li > ul > li:nth-child(1) { padding:10px 0px 25px;}
footer ul > li:nth-child(4) ul > li:nth-child(5) p { font-size:12px;}
footer ul > li:nth-child(4) ul > li > ul > li > a > i { color:#6a6a6a; font-size:25px; margin-right: 15px; transition:0.3s;}
footer ul > li:nth-child(4) ul > li > ul > li > a > i:hover { color:#ffcf02; transition:0.3s;}
footer ul > li > ul > li { width:100%; position:relative; flex-direction: row; padding: 3px 0px;}
footer ul > li:nth-child(3) > ul > li { padding: 3px 0px;}
footer ul > li:nth-child(1) > ul > li:nth-child(1) { padding-top:0px;}
footer ul > li:nth-child(2) > ul > li:nth-child(1) { padding-top:0px;}
footer ul > li:nth-child(3) > ul > li:nth-child(1) { padding: 0px 0px;}
footer ul > li:nth-child(4) > ul > li:nth-child(1) { padding-top:0px;}*/
footer ul > li > ul > li > ul > li { width:auto;}
footer ul > li > h2 { font-size:15px; position:relative; color:#111111;  font-family: 'Helvetica Neue'; font-weight: 600; line-height: normal; margin-bottom: 15px;}
footer ul > li > p { font-size: 14px; font-family: 'Helvetica Neue';font-weight: 400; color:#9e9e9e; line-height: 20px; margin:0px; padding:0px;}
footer ul > li > a { font-size: 14px; font-family: 'Helvetica Neue';font-weight: 400; color:#9e9e9e; line-height: 20px;  margin:0px; padding:0px;}
footer ul > li > a:before { display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
footer ul > li > a:hover { color:#000;}
footer ul > li > a > i { color:#ffcf02; margin-right:8px;}
.last-logo { margin-bottom:15px;}

footer p { font-size: 13px; font-family: 'Helvetica Neue';font-weight: 400; color:#9e9e9e; line-height: 20px; margin:0px; padding:0px;     text-align: center;}

footer .footer_form { width:100%; position:relative; display: flex; justify-content: center; align-items: center;}
footer .footer_form form { width:100%; position:relative; background-color:transparent; border-radius:20px; border: 1px solid #c0c0c0; overflow: hidden; justify-content: space-between;}
footer .footer_form form .form-control { width: calc(100% - 40px); position:relative; background-color:transparent; font-size:12px; font-family: 'Poppins', sans-serif; color:#000; min-height:40px; font-weight:300;     border: 0px;}
footer .footer_form form .btn { width:40px; border:none; padding: 0px 0px; min-height:40px; background-color: transparent; color: #8b8b8b; font-size:18px;}
footer .footer_form form .btn:hover, footer .footer_form form .btn:focus { border:none; border-left:0px; outline:none; box-shadow:none;}

.email_design h2 { font-size:15px; position:relative; color:#111111;  font-family: 'Helvetica Neue'; font-weight: 600; line-height: normal; margin-bottom: 15px;}

footer ul > li:nth-child(4) > ul > li:nth-child(3) { margin-bottom:20px;}

.detail { margin-top:30px;}

.last-footer { margin-top:20px;}

.ft_menu ul li a:before { content: "\f105"; position: absolute; left: 0px; top: 6px; font-size:16px;}
.ft_menu ul li a { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 20px;}

/*.quick_links li:nth-child(1) a:before { content: "\f041"; position: absolute; left: 0px; top: 8px; font-size:12px;}
.quick_links li:nth-child(2) a:before { content: "\f095"; position: absolute; left: 0px; top: 8px; font-size:12px;}*/
.quick_links li:nth-child(1) a:before { content: "\f0e0"; position: absolute; left: 0px; top: 8px; font-size:12px;}
.quick_links ul li a { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 20px;}

.up_footer { margin-bottom:40px;}

/*-------- footer -------*/

.responsive_img { display:none;}


/* -------------------------------------------------------- Responsive being  -------------------------------------------------------- */

/* for Latops */
@media only screen and (max-width: 1300px){



}

@media only screen and (min-width: 992px) and (max-width: 1199px){

/*--- header ---*/



/*--- header end ---*/

/*--- banner ---*/

.caption_text h2 { font-size: 64px; line-height: 64px;}

/*--- banner ---*/

/*--- worldwide ---*/

.worldwide h2 { font-size: 34px;}

/*--- worldwide end ---*/

/*--- feature ---*/

.feature h2 { font-size: 34px;}

.UL_listing {top: -32px;}
.UL_listing ul.ul_left { max-width: 285px;}
.UL_listing ul.ul-right { max-width: 285px;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left: 0px; margin-bottom: 10px;}
.UL_listing ul.ul_left li:nth-child(2) {width: 100%; margin-bottom: 10px;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left:0px; margin-bottom: 10px;}
.UL_listing ul.ul-right li:nth-child(3) { margin-left:0px;width: 100%;}

.UL_listing ul.ul_left li .right_text h2 { font-size: 15px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 15px;}

.UL_listing ul.ul_left li:nth-child(1) { margin-bottom: 10px;}
.UL_listing ul.ul_left li:nth-child(3) { margin-bottom: 15px;}

/*--- feature end ---*/

/*--- carousel ---*/

.carousel_slide h2 { font-size: 34px;     margin-bottom: 30px;}
.products.owl-carousel .owl-nav button.owl-prev { float: left; left: -25px;}
.products.owl-carousel .owl-nav button.owl-next { float: right; right: -25px;}

/*--- carousel end ---*/

/*--- faq ---*/

.faq_section h2 { font-size: 34px;}
.set > a { font-size: 13px;}

/*--- faq end ---*/

/*--- footer ---*/

footer ul > li > a { font-size: 12px;}

/*--- footer end ---*/

/*--- carpentry ---*/

.tabs_details { padding-left:0px;}

/*--- carpentry end ---*/

.img_mouse { max-width: 280px; min-height: 280px;}
.img_mouse img { width:180px;}
.img_mouse:before { width: 110%; height: 110%; left: -14px; top: -14px;}
.img_mouse:after { width: 122%; height: 122%; left: -31px; top: -31px;}

.UL_listing ul.ul_left li .right_text p { font-size: 12px; line-height:18px;}
.UL_listing ul.ul-right li .left_text p { font-size: 12px; line-height:18px;}

.UL_listing ul.ul_left li:nth-child(2) .right_text .circle_green { right: -35px;}
.UL_listing ul.ul-right li:nth-child(2) .left_text .circle_green { left: -35px;}

.UL_listing ul.ul_left li:nth-child(3) .right_text .circle_green { right: -60px;}
.UL_listing ul.ul-right li:nth-child(3) .left_text .circle_green { left: -60px;}

}

@media (min-width: 992px) {

/*--- header ---*/

.inside_menu .navbar-nav ul { -ms-flex-direction: row; flex-direction: row;}

/*--- header end ---*/

}

/* for Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px){

/*--- header ---*/

.inside_menu .navbar-nav ul { -ms-flex-direction: row; flex-direction: column;}

.allheader { position: fixed; top: 0px; width: 100%; left: 0px; z-index: 99;}
.wrapper { padding-top: 40px;}

.inside_menu .navbar-nav ul li a { padding: 6px 0px; width: 100%; font-size: 15px;}
.inside_menu .navbar-nav ul li a.btn { width: auto; margin: 0px auto; margin-top: 15px;}
.inside_menu { padding-bottom: 15px;}
.inside_menu .navbar-nav ul li { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1);}

.vertical.navbar .navbar-brand {
    position: absolute;
    width: 118px;
    margin: 0px auto;
    left: 0px;
    right: 0px;
	top:10px;
	padding: 0px;
}

.right_button {
    width: auto;
    position: absolute;
    text-align: right;
    right: 0px;
    top: 10px;
}

.navbar-toggler { margin:5px 0px;}
.lang { position: absolute; top: 13px; right: 0px; margin-right: 100px;}

.buy_now.btn { font-size: 12px;}

.lang select { font-size: 12px;}

/*--- header end ---*/

/*--- banner ---*/

.caption_text { max-width: 370px;}
.caption_text h2 { font-size: 44px; line-height: 44px;}

/*--- banner ---*/

/*--- worldwide ---*/

.worldwide h2 { font-size: 30px; padding: 60px 0px;}

/*--- worldwide end ---*/

/*--- feature ---*/

.feature h2 { font-size: 30px;     margin-bottom: 20px;}

/*.all_feature { display:none;}

.responsive_img { display:block;}*/

.img_mouse { max-width: 220px; min-height: 220px;}
.img_mouse img { max-width:150px;}
.all_feature { margin-top: 60px; margin-bottom: 60px;}

.img_mouse:before { width: 115%; height: 115%;     left: -16px;    top: -16px;}
.img_mouse:after { width: 130%; height: 130%; left: -32px; top: -32px;}

.UL_listing { width: 100%; position: absolute; margin-top: -25px;}
.UL_listing ul.ul_left li .img_icon { width: 30px;}
.UL_listing ul.ul_left li .right_text h2 { font-size: 14px; line-height:18px; margin-bottom: 5px;}
.UL_listing ul.ul_left li .right_text p { font-size: 12px;}

.UL_listing ul.ul_left { max-width: 195px;}
.UL_listing ul.ul-right { max-width: 195px;}

.UL_listing ul.ul_left li:nth-child(1) { margin-left: 0; width: 100%; margin-bottom: 10px;}
.UL_listing ul.ul_left li:nth-child(2) { margin-left: 0px; width: 100%; margin-bottom:10px;}
.UL_listing ul.ul_left li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:10px;}

.UL_listing ul.ul-right li .img_icon { width: 30px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 14px; line-height:18px; margin-bottom:5px;}
.UL_listing ul.ul-right li .left_text p { font-size: 12px;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left: 0px; width: 100%; margin-bottom: 10px;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left: 0px; margin-bottom:25px;}
.UL_listing ul.ul-right li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:10px;}

.UL_listing ul.ul_left li .right_text { width: calc(100% - 30px);}
.UL_listing ul.ul-right li .left_text { width: calc(100% - 30px);}

.UL_listing ul.ul_left li:nth-child(2) .right_text .circle_green { right: -32px;}
.UL_listing ul.ul-right li:nth-child(2) .left_text .circle_green { left: -32px;}

.UL_listing ul.ul-right li:nth-child(1) .left_text .circle_green {
    left: -78px;
}
.UL_listing ul.ul_left li:nth-child(1) .right_text .circle_green { right: -78px;}

.UL_listing ul.ul_left li:nth-child(3) .right_text .circle_green { right: -75px;}
.UL_listing ul.ul-right li:nth-child(3) .left_text .circle_green { left: -75px;}

/*.UL_listing ul.ul_left { max-width: 100%;}
.UL_listing ul.ul-right { max-width: 100%;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left:0px;}
.UL_listing ul.ul_left li:nth-child(2) {width: 100%;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left:0px;}

.UL_listing ul.ul-right li:nth-child(3) { margin-left:0px;width: 100%;}

.UL_listing ul.ul_left li .right_text h2 { font-size: 15px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 15px;}

.UL_listing {
    width: 100%;
    position: relative;}

.UL_listing ul.ul_left li:nth-child(1) {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 20px;
}

.UL_listing { flex-direction: column;}

.UL_listing ul.ul_left li:nth-child(2) {
    margin-left: 0px;
    width: 100%;
}

.UL_listing ul.ul_left li:nth-child(3) {
    margin-left: 0px;
    width: 100%;
}

.UL_listing ul.ul_left li .right_text {
    text-align: left;
}

.UL_listing ul.ul_left li .right_text h2 {
    text-align: left;
}*/

.feature {
    padding: 35px 0px;
}

/*--- feature end ---*/

/*--- carousel ---*/

.carousel_slide h2 { font-size: 30px;     margin-bottom: 30px;}
.products.owl-carousel .owl-nav button.owl-prev { float: left; left: -25px;}
.products.owl-carousel .owl-nav button.owl-next { float: right; right: -25px;}

/*--- carousel end ---*/

/*--- faq ---*/

.faq_section h2 { font-size: 34px;}
.set > a { font-size: 13px;}

.faq_section:before { display:none;}

.content p {
    font-size: 13px;
}

/*--- faq end ---*/

/*--- footer ---*/

footer ul { flex-wrap: wrap; justify-content: space-between;}
footer ul > li { width: 100%;}
footer ul > li > h2 { margin-top: 15px;}

footer {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 40px 0px;
}

.email_design { margin-top:30px;}

footer .footer_form form {width: auto;}
.email_design h2 { text-align: center;}
.detail { text-align: center;}
footer p { text-align: center;}

/*--- footer end ---*/

}

/* for mobile */
@media only screen and (max-width: 767px){

/*--- header ---*/

.inside_menu .navbar-nav ul { -ms-flex-direction: row; flex-direction: column;}

.allheader { position: fixed; top: 0px; width: 100%; left: 0px; z-index: 99;}
.wrapper { padding-top: 40px;}

.inside_menu .navbar-nav ul li a { padding: 6px 0px; width: 100%; font-size: 15px;}
.inside_menu .navbar-nav ul li a.btn { width: auto; margin: 0px auto; margin-top: 15px;}
.inside_menu { padding-bottom: 15px;}
.inside_menu .navbar-nav ul li { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1);}

.vertical.navbar .navbar-brand {
    position: absolute;
    width: 118px;
    margin: 0px auto;
    left: 0px;
    right: 0px;
	top:10px;
	padding: 0px;
}

.right_button {
    width: auto;
    position: absolute;
    text-align: right;
    right: 0px;
    top: 10px;
}

.navbar-toggler { margin:5px 0px;}
.lang { position: absolute; top: 13px; right: 0px; margin-right: 100px;}

.buy_now.btn { font-size: 12px;}

.lang select { font-size: 12px;}

/*--- header end ---*/

/*--- banner ---*/

.caption_text { max-width: 370px;}
.caption_text h2 { font-size: 44px; line-height: 44px;}

/*--- banner ---*/

/*--- worldwide ---*/

.worldwide h2 { font-size: 30px; padding: 60px 0px;}

/*--- worldwide end ---*/

/*--- feature ---*/

.feature h2 { font-size: 30px;     margin-bottom: 20px;}

/*.all_feature { display:none;}

.responsive_img { display:block;}*/

.img_mouse { max-width: 250px; min-height: 250px;}
.img_mouse img { max-width:150px;}
.all_feature { margin-top: 60px; margin-bottom: 0px;}

.img_mouse:before { width: 115%; height: 115%;     left: -19px;    top: -19px;}
.img_mouse:after { width: 130%; height: 130%; left: -38px; top: -38px;}

.UL_listing { width: 100%; position: relative; margin-top: 65px;}
.UL_listing ul.ul_left li .img_icon { width: 30px;}
.UL_listing ul.ul_left li .right_text h2 { font-size: 14px; line-height:18px; margin-bottom: 5px;}
.UL_listing ul.ul_left li .right_text p { font-size: 12px;}

.UL_listing ul.ul_left { max-width: 240px;}
.UL_listing ul.ul-right { max-width: 240px;}

.UL_listing ul.ul_left li:nth-child(1) { margin-left: 0; width: 100%; margin-bottom: 20px;}
.UL_listing ul.ul_left li:nth-child(2) { margin-left: 0px; width: 100%; margin-bottom:20px;}
.UL_listing ul.ul_left li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:20px;}

.UL_listing ul.ul-right li .img_icon { width: 30px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 14px; line-height:18px; margin-bottom:5px;}
.UL_listing ul.ul-right li .left_text p { font-size: 12px;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left: 0px; width: 100%; margin-bottom: 20px;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left: 0px; margin-bottom:20px;}
.UL_listing ul.ul-right li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:20px;}

.UL_listing ul.ul_left li:nth-child(1) .right_text .circle_green { right: -20px; top: 5px;}
.UL_listing ul.ul-right li:nth-child(1) .left_text .circle_green { left: -20px; top: 5px;}

.UL_listing ul.ul_left li:nth-child(2) .right_text .circle_green { right: -20px; top: 5px;}
.UL_listing ul.ul_left li:nth-child(3) .right_text .circle_green { right: -20px; top: 5px;}

.UL_listing ul.ul-right li:nth-child(2) .left_text .circle_green { left: -20px; top: 5px;}
.UL_listing ul.ul-right li:nth-child(3) .left_text .circle_green { left: -20px; top: 5px;}

.UL_listing ul.ul-right li .left_text {width: calc(100% - 40px);}

/*.UL_listing ul.ul_left { max-width: 100%;}
.UL_listing ul.ul-right { max-width: 100%;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left:0px;}
.UL_listing ul.ul_left li:nth-child(2) {width: 100%;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left:0px;}

.UL_listing ul.ul-right li:nth-child(3) { margin-left:0px;width: 100%;}

.UL_listing ul.ul_left li .right_text h2 { font-size: 15px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 15px;}

.UL_listing {
    width: 100%;
    position: relative;}

.UL_listing ul.ul_left li:nth-child(1) {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 20px;
}

.UL_listing { flex-direction: column;}

.UL_listing ul.ul_left li:nth-child(2) {
    margin-left: 0px;
    width: 100%;
}

.UL_listing ul.ul_left li:nth-child(3) {
    margin-left: 0px;
    width: 100%;
}

.UL_listing ul.ul_left li .right_text {
    text-align: left;
}

.UL_listing ul.ul_left li .right_text h2 {
    text-align: left;
}
*/
.feature {
    padding: 35px 0px;
}

/*--- feature end ---*/

/*--- carousel ---*/

.carousel_slide h2 { font-size: 30px;     margin-bottom: 30px;}
.products.owl-carousel .owl-nav button.owl-prev { float: left; left: -25px;}
.products.owl-carousel .owl-nav button.owl-next { float: right; right: -25px;}

/*--- carousel end ---*/

/*--- faq ---*/

.faq_section h2 { font-size: 34px;}
.set > a { font-size: 13px;}

.faq_section:before { display:none;}

.content p {
    font-size: 13px;
}

/*--- faq end ---*/

/*--- footer ---*/

/*footer ul { flex-wrap: wrap;}
footer ul > li { width: calc(100% / 3);}
footer ul > li > h2 { margin-top: 15px;}

footer {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 40px 0px;
}

.email_design { margin-top:30px;}*/

footer ul { flex-wrap: wrap; justify-content: space-between;}
footer ul > li { width: calc(100% / 6);}
footer ul > li > h2 { margin-top: 15px;}

footer {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 40px 0px;
}

.email_design { margin-top:30px;}

footer .footer_form form {width: auto;}
.email_design h2 { text-align: center;}
.detail { text-align: center;}
footer p { text-align: center;}

/*--- footer end ---*/

}

@media only screen and (min-width: 480px) and (max-width: 666px){
	
/*--- header ---*/

.inside_menu .navbar-nav ul { -ms-flex-direction: row; flex-direction: column;}

.allheader { position: fixed; top: 0px; width: 100%; left: 0px; z-index: 99;}
.wrapper { padding-top: 40px;}

.inside_menu .navbar-nav ul li a { padding: 6px 0px; width: 100%; font-size: 15px;}
.inside_menu .navbar-nav ul li a.btn { width: auto; margin: 0px auto; margin-top: 15px;}
.inside_menu { padding-bottom: 15px;}
.inside_menu .navbar-nav ul li { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1);}

.vertical.navbar .navbar-brand { position: absolute; width: 118px; margin: 0px auto; left: 0px; right: 0px; top:10px; padding: 0px;}
.right_button { width: 118px; position: absolute; text-align: right; right: 0px; top: 10px;}

/*--- header end ---*/

/*--- banner ---*/

.caption_text { max-width: 280px;}
.caption_text h2 { font-size: 30px; line-height: 30px;}

/*--- banner ---*/

/*--- worldwide ---*/

.worldwide h2 { font-size: 20px; padding: 30px 0px;}

/*--- worldwide end ---*/

/*--- feature ---*/

.feature h2 { font-size: 20px;     margin-bottom: 20px;}

.img_mouse { max-width: 250px; min-height: 250px;}
.img_mouse img { max-width:150px;}
.all_feature { margin-top: 60px; margin-bottom: 0px;}

.img_mouse:before { width: 115%; height: 115%;     left: -19px;    top: -19px;}
.img_mouse:after { width: 130%; height: 130%; left: -38px; top: -38px;}

.UL_listing { width: 100%; position: relative; margin-top: 65px; flex-direction: column;}
.UL_listing ul.ul_left li .right_text h2:after { display:none;}
.UL_listing ul.ul_left li .right_text h2:before { display:none; content: ''; position: absolute; left: -30px; width: 21px; height: 21px; background-image: url(images/green_list.png); background-repeat: no-repeat; top: 0px;}
.UL_listing ul.ul_left li { flex-direction: row-reverse;}
.UL_listing ul.ul_left li .img_icon { width: 30px;}
.UL_listing ul.ul_left li .right_text { text-align: left;}
.UL_listing ul.ul_left li .right_text h2 { font-size: 14px; line-height:18px; margin-bottom: 5px; text-align: left;}
.UL_listing ul.ul_left li .right_text p { font-size: 12px;}

.UL_listing ul.ul_left { max-width: 100%;}
.UL_listing ul.ul-right { max-width: 100%;}

.UL_listing ul.ul_left li:nth-child(1) { margin-left: 0; width: 100%; margin-bottom: 20px;}
.UL_listing ul.ul_left li:nth-child(2) { margin-left: 0px; width: 100%; margin-bottom:20px;}
.UL_listing ul.ul_left li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:20px;}

.UL_listing ul.ul-right li .left_text h2:before { display:none; content: ''; position: absolute; left: -30px; width: 21px; height: 21px; background-image: url(images/green_list.png); background-repeat: no-repeat; top: 0px;}
.UL_listing ul.ul-right li .img_icon { width: 30px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 14px; line-height:18px; margin-bottom:5px;}
.UL_listing ul.ul-right li .left_text p { font-size: 12px;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left: 0px; width: 100%; margin-bottom: 20px;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left: 0px; margin-bottom:20px;}
.UL_listing ul.ul-right li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:20px;}

.right_text .circle_green { left: -24px;}

.right_text .circle_green {top: 4px;}
.left_text .circle_green {top: 4px;}

.feature { padding: 35px 0px;}


.UL_listing ul.ul-right li .left_text { width: calc(100% - 60px);}
.UL_listing ul.ul-right li:nth-child(1) .left_text .circle_green { left: -23px;}
.UL_listing ul.ul-right li:nth-child(2) .left_text .circle_green { left: -23px;}
.UL_listing ul.ul-right li:nth-child(3) .left_text .circle_green { left: -23px;}

/*--- feature end ---*/

/*--- carousel ---*/

.carousel_slide h2 { font-size: 20px;     margin-bottom: 20px;}
.products.owl-carousel .owl-nav button.owl-prev { float: left; left: 0px;}
.products.owl-carousel .owl-nav button.owl-next { float: right; right: 0px;}
.carousel_slide {padding: 30px 0px;}
.grey-border figure { height: 190px;     margin-top: 20px;}
.grey-border figure img { height: 100% !important;}

/*--- carousel end ---*/

/*--- faq ---*/

.faq_section h2 { font-size: 20px; text-align:center;}
.set > a { font-size: 13px;}

.faq_section:before { display:none;}
.faq_section .left { width: 100%;}
.faq_section .right { width: 100%;}
	
.hover_effect ul li a { padding: 50px 10px;}

.content p {
    font-size: 12px;
}

/*--- faq end ---*/

/*--- footer ---*/

footer ul { flex-wrap: wrap;}
footer ul > li { width: calc(100% / 1);     text-align: center;}
footer ul > li > h2 { margin-top: 15px;}

footer ul > li > ul > li {
    justify-content: center;
}

footer ul > li:nth-child(3) {
    padding-right: 0px;
}

footer ul > li:nth-child(1) {
    padding-right: 0;
}

footer {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 40px 0px;
}

.email_design { margin-top:30px;    text-align: center;}
.detail { text-align: center;}
footer p { text-align: center;}

/*--- footer end ---*/
}

@media only screen and (max-width: 576px){
	
	.ft_menu ul li a:before { left: inherit; margin-left: -15px;}
	.ft_menu ul li a { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
	
	.quick_links li:nth-child(1) a:before { left: inherit; margin-left: -20px;}
	.quick_links li:nth-child(2) a:before { left: inherit; margin-left: -20px;}
	.quick_links li:nth-child(3) a:before { left: inherit; margin-left: -20px;}
	.quick_links ul li a { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
	.up_footer { text-align: center;}
	
	.ft_box { margin-bottom:20px;}

}

@media only screen and (min-width: 300px) and (max-width: 479px){

/*--- header ---*/

.inside_menu .navbar-nav ul { -ms-flex-direction: row; flex-direction: column;}

.allheader { position: fixed; top: 0px; width: 100%; left: 0px; z-index: 99;}
.wrapper { padding-top: 40px;}

.inside_menu .navbar-nav ul li a { padding: 6px 0px; width: 100%; font-size: 15px;}
.inside_menu .navbar-nav ul li a.btn { width: auto; margin: 0px auto; margin-top: 15px;}
.inside_menu { padding-bottom: 15px;}
.inside_menu .navbar-nav ul li { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1);}

.vertical.navbar .navbar-brand {
    position: absolute;
    width: 95px;
	top:9px;
	padding: 0px;
	/*margin:0px 0px 0px 60px;*/
}

.right_button {
    width: auto;
    top: 12px;
}

.buy_now.btn {
    font-size: 9px;
	    padding: 3px 6px;
}

.lang { margin-right: 70px;}

.navbar-toggler {
    padding: 11px 5px;
    font-size: 12px;}

/*--- header end ---*/

/*--- banner ---*/

.caption_text { max-width: 100%; margin-bottom:30px;}
.caption_text h2 { font-size: 30px; line-height: 30px;}

.banner .container {
    position: relative;

}

/*--- banner ---*/

/*--- worldwide ---*/

.worldwide h2 { font-size: 16px; padding: 30px 0px;}

/*--- worldwide end ---*/

/*--- feature ---*/

.feature h2 { font-size: 20px;     margin-bottom: 20px;}

.img_mouse { max-width: 200px; min-height: 200px;}
.img_mouse img { max-width:150px;}
.all_feature { margin-top: 60px; margin-bottom: 0px;}

.img_mouse:before { width: 115%; height: 115%;     left: -15px;    top: -15px;}
.img_mouse:after { width: 130%; height: 130%; left: -30px; top: -30px;}

.UL_listing { width: 100%; position: relative; margin-top: 65px; flex-direction: column;}
.UL_listing ul.ul_left li .right_text h2:after { display:none;}
.UL_listing ul.ul_left li .right_text h2:before { display:none; content: ''; position: absolute; left: -30px; width: 21px; height: 21px; background-image: url(images/green_list.png); background-repeat: no-repeat; top: 0px;}
.UL_listing ul.ul_left li { flex-direction: row-reverse;}
.UL_listing ul.ul_left li .img_icon { width: 50px;}
.UL_listing ul.ul_left li .right_text { text-align: left;     width: calc(100% - 80px);     padding-right: 15px;}
.UL_listing ul.ul_left li .right_text h2 { font-size: 14px; line-height:18px; margin-bottom: 5px; text-align: left;}
.UL_listing ul.ul_left li .right_text p { font-size: 12px;}

.UL_listing ul.ul_left { max-width: 100%;}
.UL_listing ul.ul-right { max-width: 100%;}

.UL_listing ul.ul_left li:nth-child(1) { margin-left: 0; width: 100%; margin-bottom: 20px;}
.UL_listing ul.ul_left li:nth-child(2) { margin-left: 0px; width: 100%; margin-bottom:20px;}
.UL_listing ul.ul_left li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:20px;}

.UL_listing ul.ul-right li .left_text h2:before { display:none; content: ''; position: absolute; left: -30px; width: 21px; height: 21px; background-image: url(images/green_list.png); background-repeat: no-repeat; top: 0px;}
.UL_listing ul.ul-right li .left_text {
    position: relative;
    width: calc(100% - 80px);
	    padding-right: 15px;
}
.UL_listing ul.ul-right li .img_icon { width: 50px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 14px; line-height:18px; margin-bottom:5px;}
.UL_listing ul.ul-right li .left_text p { font-size: 12px;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left: 0px; width: 100%; margin-bottom: 20px;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left: 0px; margin-bottom:20px;}
.UL_listing ul.ul-right li:nth-child(3) { margin-left: 0px; width: 100%; margin-bottom:20px;}

.right_text .circle_green { left: -24px;}

.right_text .circle_green {top: 4px;}
.left_text .circle_green {top: 4px;}

.UL_listing ul.ul-right li .left_text { width: calc(100% - 80px);}
.UL_listing ul.ul-right li:nth-child(1) .left_text .circle_green { left: -23px;}
.UL_listing ul.ul-right li:nth-child(2) .left_text .circle_green { left: -23px;}
.UL_listing ul.ul-right li:nth-child(3) .left_text .circle_green { left: -23px;}

/*.all_feature { display:none;}

.responsive_img { display:block;}

.UL_listing ul.ul_left { max-width: 100%;}
.UL_listing ul.ul-right { max-width: 100%;}

.UL_listing ul.ul-right li:nth-child(1) { margin-left:0px;}
.UL_listing ul.ul_left li:nth-child(2) {width: 100%;}
.UL_listing ul.ul-right li:nth-child(2) { width: 100%; margin-left:0px;}

.UL_listing ul.ul-right li:nth-child(3) { margin-left:0px;width: 100%;}

.UL_listing ul.ul_left li .right_text h2 { font-size: 15px;}
.UL_listing ul.ul-right li .left_text h2 { font-size: 15px;}

.UL_listing {
    width: 100%;
    position: relative;}

.UL_listing ul.ul_left li:nth-child(1) {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 20px;
}

.UL_listing { flex-direction: column;}

.UL_listing ul.ul_left li:nth-child(2) {
    margin-left: 0px;
    width: 100%;
}

.UL_listing ul.ul_left li:nth-child(3) {
    margin-left: 0px;
    width: 100%;
}

.UL_listing ul.ul_left li .right_text {
    text-align: left;
}

.UL_listing ul.ul_left li .right_text h2 {
    text-align: left;
}*/

.feature {
    padding: 35px 0px;
}

/*--- feature end ---*/

/*--- carousel ---*/

.carousel_slide h2 { font-size: 20px;     margin-bottom: 20px;}
.products.owl-carousel .owl-nav button.owl-prev { float: left; left: 0px;}
.products.owl-carousel .owl-nav button.owl-next { float: right; right: 0px;}

.carousel_slide {

    padding: 30px 0px;
}

.grey-border figure img { height: 100% !important;}

.grey-border figure {height: 190px;}
.hover_effect ul li a {padding: 20px 35px;}
.bg_green { padding: 35px 0px;}

/*--- carousel end ---*/

/*--- faq ---*/

.faq_section h2 { font-size: 20px; text-align:center;}
.set > a { font-size: 12px;}

.faq_section:before { display:none;}

.faq_section .left {
    width: 100%;}

.faq_section .right {
    width: 100%;}
	
.faq_section p {
    line-height: 16px;
    font-size: 12px;
}

.content p {
    font-size: 12px;
}

/*--- faq end ---*/

/*--- footer ---*/

footer ul { flex-wrap: wrap;}
footer ul > li { width: calc(100% / 1);     text-align: center;}
footer ul > li > h2 { margin-top: 15px;}

footer ul > li > ul > li {
    justify-content: center;
}

footer ul > li:nth-child(3) {
    padding-right: 0px;
}

footer ul > li:nth-child(1) {
    padding-right: 0;
}

footer {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 40px 0px;
}

.email_design { margin-top:30px;}

.hover_effect ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.hover_effect ul li {
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/*--- footer end ---*/

/*--- footer ---*/

footer { text-align: center; padding:40px 0px;}
footer ul { flex-wrap: wrap;}
footer ul > li { width: calc(100% / 1); justify-content: center;}
footer ul > li > h2 { margin-top: 15px;}
footer ul > li > a { font-size: 12px;}

footer ul > li:nth-child(3) { padding-right: 0px;}

footer ul > li:nth-child(1) { padding-right: 0px;}

footer ul > li > h2 { font-size: 18px;}

.ft_menu ul li a {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
}

/*--- footer end ---*/

}

@media only screen and (max-width: 400px) {
	
.vertical.navbar .navbar-brand {
	margin:0px 0px 0px 55px;
}

}

/* -------------------------------------------------------- Responsive end  -------------------------------------------------------- */