/*------------common css------------*/
html {-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,ul{margin:0; padding:0;}
ul{list-style:none;}
.clr{clear:both;}
img {max-width: 100%;border:none;}
.mrg_bot_5{margin-bottom:5px;}
.mrg_bot_10{margin-bottom:10px;}
.mrg_bot_15{margin-bottom:15px;}
.mrg_bot_20{margin-bottom:20px;}
.mrg_bot_25{margin-bottom:25px;}
.mrg_bot_30{margin-bottom:30px;}
.full-wrap{clear:both;padding:30px 0;}
.btn_height {height:17px; width: 100%;}
.border_none {margin: 0 !important;border: none !important;}
/*--------------End Common css------------------*/
.main-menu {background: #0F1D0F;padding: 15px 0;}
.main-menu ul li:last-child{padding-right:0;}
.main-menu ul li {font-size: 16px;padding: 0px 114px 0 0;font-weight: 600;float: left;}
.main-menu li a {color: #fff;position: relative;text-transform: uppercase;}
.main-menu li:hover a::before {position: absolute;height: 4px;background: #fff;width: 100%;content: "";bottom:-15px;}
.main-menu li.active a::before {position: absolute;height:4px;background: #fff;width: 100%;content: "";bottom:-15px;}
/*************************************/
.header::before {background: rgba(0, 0, 0, 0.6);content: "";position: absolute;top: 0;width: 100%;height: 100%;z-index: -1;}
.header {background: url(../notebook-images/header_img.png);padding: 30px 0 25px 0;position: relative;z-index: 1;background-position: center;background-repeat: unset;background-size: contain;}
.header .logo {width: 26%;float: left;}
.header .header_info {width: 54%;float: left;margin-top: 10px;}
.header .head_right {font-size: 40px;color: #20cf59;text-align: center;font-weight: 600;}
.header .head_right span {display: block;font-size: 18px;font-weight: normal;color: #fff;}
.header .sec_info_head {width: 20%;float: right;text-align: center;margin-top: 3px;}
.sec_info_head img {width: 130px;margin-bottom: 4px;}
.header .sec_info_head p {margin-bottom: 0;}
.sec_info_head .h_mob img {width: 25px;margin-right: 10px;vertical-align: top;position: relative;top: 2px;}
.sec_info_head .h_mob a {color: #fff;font-weight: 600;font-size: 18px;display: inline-block;margin-top: 3px;}
.lether_planner {margin: 40px 0;}
.lether_planner.sec {margin: 60px 0;}
.heading h1 {font-size: 30px;margin-bottom: 15px;color: #0F1D0F;}
.heading p {line-height: 22px;font-size: 15px;color: #656565;margin-bottom: 4px;}
.lether_planner .box {border: 1px solid #ccc;text-align: center;margin-top: 30px;padding: 10px;height: 255px;box-shadow: 0 0 15px 5px #f2f2f2;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;-moz-box-shadow:0 0 15px 5px #f2f2f2;-webkit-transition:0 0 15px 5px #f2f2f2;}
.lether_planner .box:hover {border: 1px solid #b82222;box-shadow: 1px 2px 9px 6px #e3e0e0;-moz-box-shadow:1px 2px 9px 6px #e3e0e0;-webkit-transition:1px 2px 9px 6px #e3e0e0;}
.lether_planner.sec .box {margin: 55px 0 30px 0;}
.lether_planner .box .item_img img {height: 140px;transform: scale(1);transition: all 0.3s ease .0s;-moz-transition:all .3s ease .0s;-webkit-transition:all 0.3s ease .0s;-moz-transform:scale(1);-webkit-transform:scale(1);}
.lether_planner .box .item_img img:hover {transform: scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);}
.lether_planner .section_lift .box .item_img img {height: auto;}
.lether_planner .box .item_text {margin-top: 20px;}
.lether_planner .box .item_text h3 a {font-size: 18px;color: #656565;margin-bottom: 5px;display: inline-block;}
.lether_planner .box .item_text span {color: #b22222;margin-left: 7px;}
.lether_planner .box .item_text h3 span {font-size: 15px;display: block;color: #656565;margin-bottom: 5px;margin-left: 0;}
.contact_pag {margin: 50px 0;}
.contact_pag .cont_add {margin-bottom: 30px;}
.contact_pag .cont_add h1 span {display: block;font-size: 30px;color: #656565;margin-top: 10px;}
.contact_pag p strong {color: #222}
.contact_pag p {font-size: 20px;color: #656565;}
.contact_pag .cont_text {margin-top: 25px;}
.lether_planner .section_lift .box {height: auto;margin: 0 0 30px 0;padding: 20px;}
.section_lift h3 {font-weight: 600;font-size: 20px;text-align: center;margin-bottom: 25px;color: #0F1D0F;}
.section_right .heading h2 {font-size: 28px;font-weight: 600;margin-bottom: 10px;color: #0F1D0F;}
.section_right span {color: #b22222;font-weight: 600;}
.section_right p {font-size: 15px;line-height: normal;}
.section_right .form_text {font-weight: 600;color: #656565;margin: 10px 0;display:inline-block;}
label {display: block;color: #b22222;font-weight: normal;margin-bottom: 8px;}
.section_right .enter-line {font-size: 16px;margin-bottom: 12px;}
.form-control.my_input {float: left;width: 20%;text-align: center;margin-right: 15px;}
.submit_btn {background: #555;border: none;color: #fff;padding: 11px 30px;text-transform:uppercase;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}
.submit_btn:hover {background: #20cf59;color: #000;}
.porduct_text {background: #dedede;padding: 35px 0 20px 0;margin-top: -10px;}
.porduct_text p {font-size: 16px;margin-bottom: 8px;color: #000000;}
.lether_planner .section_lift .box.sec {margin-bottom: 10px;}
.section_right .item_color ul li {float: left;padding: 0 20px 0 0;text-align: center;}
.section_right .item_color {display: inline-block;width: 100%;margin: 15px 0 5px 0;}
.section_right .item_color ul li img {border: 1px solid #ccc;padding: 5px;margin-bottom: 7px;}
.section_right .item_color.img ul li img {height: 90px;}
.section_right .item_color ul li span {display: block;color: #656565;font-weight: normal;font-size: 15px;}
.section_right h5 {font-size: 16px;margin-bottom: 7px;}
.lether_planner.sec .section_lift.item {margin-top: 30px;}
.lether_planner.sec .section_right.item {margin-top: 30px;}
.footer {background: #0D190D;padding: 30px 0;}
.footer h3 span {display: block;font-size: 16px;margin-top:5px;}
.footer h3 {font-size: 20px;color: #fff;}
.footer .card_img ul li {float: left;margin-top: 15px;padding: 0 10px 0 0;}
.footer_content span {display: block;font-size: 18px;font-weight: normal;}
.footer_content {font-size: 30px;color: #fff;font-weight: 600;text-align: center;width: 84%;margin-top: 10px;}
.addres_img {float: left;height: 25px;}
.addres_right ul li a {color: #fff;}
.addres_right ul li {margin-bottom: 12px;color: #fff;}
.addres_right img {margin-right: 10px;}
.copy_right {background: #071507;text-align: center;color: #fff;padding: 10px;border-top: 1px solid #534c4c;}
.copy_right p {margin-bottom: 0;}
/*********responsive-navigator************/
.mobile_menu ul li {border-bottom: 1px solid #999;}
.mobile_menu ul li:last-child {border: none;}
#navigator {width: 300px;height: 100%;position: fixed;top: 0;left: -300px;background: #e3e1e1;float: left;z-index: 100;}
#nav {width:300px;height: auto;display: block;margin: 0;padding: 0;}
.tel_no {position:fixed;top: 8px;right: 15px;background: transparent !important;width: auto !important;font-weight: 600;z-index:50;}
.tel_no a{color: #fff;font-size: 20px;}
.tel_no img {margin-right: 15px;width: 28px;}
.nav_tab {width: 250px;height: 50px;display: block;}
.menu_heading {height: 45px;background: #0F1D0F;color: #fff;padding-top: 12px;z-index: 999999;font-size: 17px;font-weight: 600;padding-left: 15px;}
.mobile_menu ul li a {padding: 8px 15px;display: block;font-size: 16px;font-weight: 600;color: #0F1D0F;}
.mobile_menu ul li a:hover {background: #fff;color: #000;}
.nav_tab a p {color: rgba(255,255,255,0.8);font-size: 18px;padding: 15px 0;text-align: center;transition: 0.35s ease;-webkit-transition: 0.35s ease;-moz-transition: 0.35s ease;}
.nav_tab a p:hover {background: rgba(255,255,255,0.9);color: rgba(0,0,0,1);letter-spacing: 2px;transition: 0.35s ease;-webkit-transition: 0.35s ease;-moz-transition: 0.35s ease;}
.menu-icon {width: 100%;height: 45px;position: fixed;top: 0;left: 0px;margin: 0;z-index: 10;background: #0F1D0F;padding: 5px 15px;}
.menu-icon.on{ z-index:100;}
.menu-icon div {width:40px;height:5px;background: #fff;margin: 5px;transition: all 0.35s;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.on .line_one {transform: rotate(45deg) translate(7px, 7px);}
.on .line_two {opacity: 0;}
.on .line_three {transform: rotate(-45deg) translate(7px, -7px);}

@media (min-width:1024px) and (max-width:1199px){
.header .logo {margin-top: 10px;}	
.main-menu ul li {padding: 0px 54px 0 0;}
.heading h1 {font-size: 28px;}
.lether_planner .box .item_text h3 a {font-size: 17px;}
.lether_planner .box {height: 250px;}
.form-control.my_input {width: 30%;}
.footer_content {width: auto;margin-top: 0;}
.addres_img {height: 40px;}}
@media (min-width:992px) and (max-width:1023px){
.header .logo {margin-top: 12px;}	
.main-menu ul li {padding: 0px 54px 0 0;}
.heading h1 {font-size: 28px;}
.lether_planner .box .item_text h3 a {font-size: 17px;}
.lether_planner .box {height: 250px;}
.form-control.my_input {width: 30%;}
.addres_img {height: 40px;}
.footer_content {width: auto;margin-top: 0;}}
@media (min-width:992px) {.mobile_menu{display:none;}}
@media (max-width:991px) {.main-menu {display: none;}}
@media (max-width:991px) {
.header {padding: 30px 0 15px 0;}	
.header .logo {width: 30%;margin-top: 44px;}
.header .header_info {width: 46%;margin-top: 38px;}
.header .head_right {font-size: 30px;}
.header .sec_info_head {width: 23%;margin-top: 33px;}
.sec_info_head .h_mob img {width: 22px;top: 2px;}
.sec_info_head .h_mob a {font-size: 17px;margin-top: 1px;}
.sec_info_head img {width: 125px;}
.lether_planner .section_lift .box.sec {margin-bottom: 30px;}
.section_right .item_color ul li:last-child {padding: 0;}
.contact_pag {margin: 0;}
.section_lift h3 {margin-bottom: 22px;line-height: 24px;}
.footer_content {font-size: 20px;width: auto;margin-top: 0;}
.footer_content span {font-size: 15px;}
.addres_img {height: 40px;}}
@media  (max-width:767px){
.header .logo {margin-top: 47px;}
.header .header_info {margin-top: 35px;}
.heading h1 {font-size: 25px;}
.lether_planner .box {height: auto;}
.footer_content {font-size: 25px;margin: 15px 0;text-align: left;}
.addres_img {height: 25px;}	}
@media  (max-width:667px){}
@media  (max-width:640px){
.header .logo {margin-top: 40px;}
.header .header_info {margin-top: 32px;}	
.header .head_right {font-size: 22px;}
.header .head_right span {font-size: 15px;}
.sec_info_head img {width: 100px;}
.sec_info_head .h_mob img {width: 18px;top: 2px;}
.sec_info_head .h_mob a {font-size: 15px;}
.section_right .item_color ul li {padding: 0 16px 0 0;}
.contact_pag .cont_add h1 span {font-size: 25px;}}
@media  (max-width:567px){
.sec_info_head img {width: 85px;}
.sec_info_head .h_mob a {font-size: 12px;}
.sec_info_head .h_mob img {width: 15px;}
.section_right .item_color.img ul li {width: 33.33%;padding: 0;margin-bottom: 11px;}
.section_right .item_color.img ul li:last-child {margin: 0;}}
@media  (max-width:479px){
.header .head_right {font-size: 16px;}
.header .head_right span {font-size: 13px;}
.sec_info_head img {width: 70px;}
.sec_info_head .h_mob a {font-size: 11px;margin-top: 0;}
.sec_info_head .h_mob img {margin-right: 5px;width:13px;}
.heading h1 {font-size: 22px;}
.section_right .heading h2 {font-size: 23px;}
.contact_pag .cont_add h1 span {font-size: 20px;}
.section_right .item_color.img ul li img {width: 115px;}
.section_right .item_color ul li {width: 25%;margin-bottom: 10px;padding: 0;}
.lether_planner.sec {margin-top: 20px;}
.form-control.my_input {width: 30%;}}
@media  (max-width:414px){
.header .logo {width: 45%;margin-top: 32px;}
.header .header_info {width: 55%;}	
.header .sec_info_head {display: none;}
.section_right .item_color.img ul li {padding: 0 5px 0 0;}}
@media  (max-width:375px){
.header .logo {width: 100%;}
.header .header_info {width: 100%;margin-top: 10px;}
.header .head_right {font-size: 25px;}
.header .head_right span {font-size: 16px;}
.section_right .form_text {font-size: 16px;}
.section_right .item_color.img ul li {width: 50%;padding:0;}	
.section_right .item_color.img ul li:nth-last-child(2) {margin-bottom: 0;}
.contact_pag .cont_add h1 {font-size: 28px;}}
@media  (max-width:360px){
.section_right .item_color ul li {width: 33.33%;}
.section_right .item_color ul li:nth-last-child(2) {margin-bottom: 0;}	
.section_right .item_color ul li:last-child {margin-bottom: 0;}
.section_lift h3 {font-size: 18px;}}
@media  (max-width:320px){
.section_right .heading h2 {font-size: 20px;}}