@media only screen and (max-width:1799px){
    .home .banner .right{padding: 140px 20px 0 50px;}
	.banner .left.front_page{padding: 160px 50px 0 0;}
}    

@media only screen and (max-width:1620px){
    .our-story .banner_img{min-height: 1190px;}
}


@media only screen and (max-width:1500px){
    .section .bg-bottom-move{left: -225% !important;}
    .section .bg-move{right: -1830px !important;}
    .all_solutions.section .bg-move{right: -122% !important;}
    .our-story .banner_img{min-height: 980px;}
    section.banner.contact_banner{background-size: 60%, cover;}
    .terms_banner{height: 460px;}
    .login-to-unlock .banner.law_banner.unlock_banner{height: 900px;}

    .home .banner .right{padding: 100px 20px 0 50px;}
	.banner .left.front_page{padding: 120px 50px 0 0;}
}

@media only screen and (max-width:1320px){
    .container{width: 1200px;}
    .banner .right ul li h1{font-size: 48px;}
    .banner .video_img{height: 400px;}
    .main_solution .title{width: 40%;}
    .main_solution .content{width: 60%; padding-left: 50px;}
    .all_solutions .inner_solutions ul li h3{font-size: 26px;}
    .h_top{padding: 0 40px;}
    .h_bottom{padding: 0 40px;}
    .banner .left{padding-bottom: 175px;}
    .banner .left.front_page{padding-top: 50px;}
    .law_info{margin: 0 40px; padding: 80px 0;}
    .footer .f_bottom{padding: 0 40px 30px 40px;}
    .banner .right{padding-top: 50px;}
    .all_solutions{margin: 0 40px;}
    .main_solution{margin: 0 40px;}
    .contact .lft_contact{padding-left: 32px;}
    .contact{padding: 150px 40px;}
    .h_bottom .navigation ul li a{padding-bottom: 21px;}
    .h_bottom .navigation ul li:hover .sub-menu{top: 39px;}
    .date_info{padding: 120px 40px;}
    .section .bg-bottom-move{ bottom: 2%;}
    .newslider{padding: 100px 110px 80px 110px;}
    .all_post{margin: 0 40px;}
    .banner.law_banner.unlock_banner{height: auto;}
    .banner.law_banner.unlock_banner .right{padding: 120px 121px 280px 50px;}
    .unlock_banner .left_text {padding: 199px 10px 0px 150px;}
    .products_details{padding: 170px 100px 100px 100px;}
    .woocommerce-account .woocommerce{ padding: 0 100px 50px 100px;}
    .woocommerce-checkout .woocommerce {padding: 160px 40px 100px 40px;}
    .woocommerce-cart{padding: 150px 0 0 0;}
    .woocommerce {padding: 0 40px 30px 40px;}
    .blogs_inner{padding: 80px 40px;}
    .our-story .banner_img {height: auto; position: relative;}
    .story{padding: 0 40px;}
    .banner_content{    padding: 175px 35px 0 50px;}
    .family_space{padding: 0 20px;}
    .meet_family ul li{    margin: 45px 10px;}
    .top_space {padding-top: 90px;}
    .progress-wrapper{padding-left: 40px;}
    .login-to-unlock .banner.law_banner.unlock_banner{height: auto;}

    .home .banner .right{padding: 80px 20px 0 50px;}
	.banner .left.front_page{padding: 100px 50px 0 0;}
    .solutions2 .main_solution{padding-left: 40px; padding-right: 40px;}
    .solutions2 .main_solution .content{width: 100%; padding-left: 0;}
    .contact .lft_contact h2{font-size: 33px;}
    .faq-id{top: -80px;}
    .single-products_modules .banner_content{padding-left: 50px;}

    .banner_title{padding: 0 0 50px 40px;}
    .banner.press_banner{height: 500px;}

}



@media only screen and (max-width:1220px){

    .container{width: 1000px;}
    .h_bottom .navigation ul li{margin-right: 28px;}
    .h_bottom{padding: 0px 30px;}
    .h_top{padding: 0px 30px;}
    .banner{background-size: 70%, 120%;  background-position: 100% 0%, -100% 40%; height: 690px;}
    .banner .video_img{height: 340px;}
    .banner .right ul li h1{font-size: 38px; line-height: 53px;}
    .about .lft_content{padding: 0 10px;}
    .about{padding-bottom: 90px;}
    .footer .f_top{padding: 80px;}
    .home_products ul li a{width: 105px; height: 105px;}
    .home_products ul li a img {width: 85px; max-height: 55px;}
    .pro_tabs .lft_content{margin-top: 40px; padding-right: 60px; padding-left: 0;}
    .pro_tabs .lft_content h3{font-size: 30px;}
    .pro_tabs .lft_content p{margin-top: 10px;}
    .pro_tabs{margin-top: 50px;}
    .home_products{margin-bottom: 60px;}
    .newslider{padding: 80px 40px 40px 40px;}
    .newslider .owl-carousel.owl-loaded{padding-top: 60px;}
    .newslider .lft_content h4 a{font-size: 28px; line-height: 40px;}
    .newslider .lft_content h3{font-size: 30px;}
    .newslider ul li .rgt_img figure:after{background-size: 370px;     bottom: -54px; right: -120px;}
    .banner.inner_pro .right{padding: 50px 75px 0 25px;}
    .home_products.inner_tab .pro_tabs{margin: 0;}
    .footer .lft_nav ul li{margin-bottom: 15px;}
    .contact{padding: 100px 0;}
    .newslider .owl-carousel.owl-loaded {padding-top: 50px;}
    .why_bio .why_lft{padding: 0 135px 0 0px;}
    .main_solution .title{padding-left: 0;}
    .main_solution .content p{max-width: 510px; padding-left: 0;}
    .all_solutions .title{padding: 0;}
    .all_solutions{padding: 100px 0;}
    .law_info .law_title h1{font-size: 44px; line-height: 54px;}
    .law_info .top_contant ul li{padding-right: 60px;}
    .all_solutions .inner_solutions ul li{padding-right: 60px;}
    .law_info .middal_contant ul li:last-child{padding-right: 0;}
    .banner .right ul{width: auto;}
    .banner .right{padding-right: 90px; padding-left: 50px;}
    .main_solution{padding-top: 50px;}
    .law_info{padding: 50px 0;}
    .banner.law_banner {background-size: 100%, 110%; background-position: 100% 0%, -60% 100%;}
    .banner.law_banner .right{width: 60%; padding: 30px 20px 0 0;}
    .banner .right a.ssin_img {width: 300px;}
    .banner .right a.cid_img{width: 300px;}
    .banner .right a.logit_img{width: 300px;}
    .banner .right a.xlst_img{width: 300px;}
    .banner .right a.motive_img{width: 300px;}
    .banner .right a.advanced_img {width: 410px;}
    .section .bg-bottom-move{left: -2222px !important;}
    .section .bg-move {right: -1542px !important;}
    .all_solutions.section .bg-move {right: -124% !important;}
    .press_banner h1{font-size: 80px; line-height: 100px;}
    .banner.law_banner {background-size: 80%, 90%; background-position: 100% 0%, 80% 100%;}
    .unlock_banner .left_text {padding: 100px 10px 0px 90px;}
    .banner.law_banner.unlock_banner .right {padding: 120px 130px 230px 110px;}
    .products_details {padding: 150px 50px 80px 50px;}
    .woocommerce div.product div.summary{margin-bottom: 0 !important;}
    .products_details .rgt_content button[type="submit"]{padding: 14px 58px;}
    .woocommerce-account .woocommerce{padding: 0 60px 50px 60px;}
    .woocommerce-checkout .woocommerce {padding: 160px 40px 70px 40px;}
    .woocommerce-cart table.cart img {width: 80px !important;}
    .wpmc-nav-wrapper button.button.alt{margin-top: 0;}
    .h_bottom .navigation ul li a{font-size: 12px;}
    .blogs_inner{padding: 60px 30px;}
    .banner.work_with .inner_left{width: 450px; padding: 160px 40px 0px 40px;}
    .banner.work_with .right {padding: 20px 180px 0 30px;}
    .terms_banner h1{font-size: 42px;}
    .banner_content {padding: 550px 35px 0 30px;width: 100%; float: left;}
    .family_space{padding: 0;}
    section.banner.contact_banner{background-position: 120% 0%, -100% 40%;}
    .terms_banner {height: 380px;}
    .meet_family ul li .content{padding: 0 10px;}
    .meet_family ul li .image{margin-left: -20px;}
    .meet_family ul li .content h3{font-size: 22px;}
    .banner.law_banner.unlock_banner{background-size: 70%, 80%; background-position: 100% 0%, 80% 80%;}


    .home .banner .right ul li h1{font-size: 32px; line-height: 45px;}
    .home .banner .right{padding: 70px 20px 0 50px;}
	.banner .left.front_page{padding: 90px 50px 0 0;}
	.solutions2 .banner_content{width: 400px; height: auto; padding: 0 30px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .contact .rgt_form{padding: 0 25px;}
    .single-products_modules .banner_content{width: 400px; height: auto; padding: 0 30px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .single-products_modules .banner:not(.emotive).pro_banner .right{padding: 0 50px 0px; margin: -20px 0 0 0;}
    .single-products_modules .banner:not(.emotive).pro_banner .right img{position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .banner .right a.ssin_img{width: auto; float: none; }
    .banner .right a.ssin_img img{max-height: 300px;}
    .banner .right a.cid_img{width: auto; float: none; }
    .banner .right a.cid_img img{max-height: 300px;}
    .banner .right a.advanced_img{width: auto; float: none; }
    .banner .right a.advanced_img img{max-height: 300px;}
    .banner .right a.logit_img{width: auto; float: none; }
    .banner .right a.logit_img img{max-height: 300px;}
    .banner .right a.xlst_img{width: auto; float: none; }
    .banner .right a.xlst_img img{max-height: 300px;}


}





@media only screen and (max-width:1023px){  
     .container{width: 782px;}
    h2.heading{font-size: 32px; padding-bottom: 45px;background-size: 200px;}
    .banner .left {padding: 50px 20px 0 50px;}
    .banner .right ul li h1 {font-size: 30px; line-height: 42px; margin: 0;}
    .about .lft_content{width: 50%;}
    .about .rgt_img{width: 50%;}
    .about{padding: 40px 0;}
    .pro_tabs {margin-top: 35px;}
    .home_products ul li{margin-right: 0;}
    .home_products ul li a {width: 90px; height: 90px;}
    .pro_tabs .lft_content{margin-top: 20px;}
    .pro_tabs .lft_content h3 {font-size: 26px;}
    .home_products {margin-bottom: 50px;}
    .why_bio{padding: 50px 0;}
    .why_bio h2{font-size: 34px;line-height: 40px;}
    .why_bio p{font-size: 20px;line-height: 31px;}
    .why_bio .why_lft{padding-right: 90px;}
    .footer .f_top{padding: 40px 20px;}
    .footer .lft_content h2{font-size: 32px;line-height: 42px;}
    .footer .lft_content p{padding-right: 50px; font-size: 20px;line-height: 30px;}
    .law_info .middal_contant ul{border-top: 3px solid #1100e9; padding-top: 20px;}
    .law_info .middal_contant ul li p{border-top: 3px solid rgba(0,0,0,0.0); padding-top: 0 !important;}
    .law_info .middal_contant .text span{font-size: 13px;}
    .banner .video_img a{width: 110px;height: 60px; background-size: 27px;}
    .about .lft_content h2{font-size: 34px;line-height: 42px;}
    .about .lft_content h6{font-size: 20px;line-height: 28px;}
    .newslider ul li .rgt_img figure:after{background-size: 300px; bottom: -63px; right: -55%;}
    .newslider .lft_content h4 a {font-size: 22px; line-height: 34px;}
    .newslider .lft_content p{    padding-top: 15px;}
    .newslider{padding: 60px 40px 60px 40px;}
    .menu-main-menu-container { width: 100%;}
    .footer .f_bottom{    padding: 0 30px 30px 30px;}
    .risponsive_nav {display: inline-block; vertical-align: middle;}
    .h_bottom .navigation nav {display: none;}
    .open_menu .h_bottom .navigation nav{display: flex; position: absolute;width: 100%;left: 0;right: 0; margin: auto; padding: 40px 40px;  background-color: transparent; background-image: linear-gradient(302deg, #1100e9, #00d3fa); color: #fff; top: 60px; z-index: 9999; }
    .h_bottom .navigation ul li{display: block;width: 100%;     text-align: initial;}
    .h_bottom .navigation ul li a {padding-bottom: 31px; color: #fff; font-size: 24px; font-weight: 800; padding: 20px; display: block; width: 100%;}
    .h_bottom .navigation ul li.menu-item-has-children:after{top: 20px; right: 20px; border-color: #fff; height: 10px; width: 10px; margin: auto;}
    .h_bottom .navigation ul li .sub-menu{background: transparent; padding: 0px; color: #fff; font-size: 16px;}
    .h_bottom .navigation ul li:hover .sub-menu{position: relative; width: 100%; box-shadow: none; top: 0px;}
    .h_bottom .navigation ul li .sub-menu li{margin-bottom: 0;}
    .h_bottom .navigation ul li:hover:after{ color: #1100e9; }  
    .open_menu .close_icon{display: inline-block;}
    .open_menu .risponsive_nav{display: none;}
    .contact .lft_contact h2{font-size: 25px; line-height: 35px;}
    .contact{padding: 60px 0;}
    .inner_modules{padding-top: 60px;}
    .home_products ul li a img {width: 70px; max-height: 50px;}
    .h_bottom .navigation ul li .sub-menu{display: none;}
    .h_bottom .navigation ul li .sub-menu.open{display: block;}
    .all_solutions .inner_solutions ul li a.btn{    line-height: 24px;     font-size: 15px;}
    .all_solutions {padding: 80px 0;}
    .banner.law_banner .right{width: 60%; float: right;}
    .banner.law_banner .left{display: none;}
    .law_info .middal_contant ul li{width: 49%; margin-bottom: 30px;}
    .law_info .middal_contant{padding-bottom: 0;}
    .law_info .middal_contant ul li:last-child{padding-right: 40px;}
    .law_info .top_contant ul li{width: 46%; padding: 0; margin-right: 8%;}
    .law_info .top_contant ul li:last-child{width: 46%; padding: 0; margin-right: 0;}
    .law_info .middal_contant ul li p{font-size: 18px; line-height: 27px; padding: 15px 25px 0 0;}
    .banner {background-size: 70%, 110%; background-position: 100% 0%, -190% 40%; height: auto;}
    .banner .video_img {height: 280px;}
    .all_solutions .inner_solutions ul li{width: 50%;}
    .banner.inner_pro {background-position: 100% 0%, 100% 58%;background-size: 70%, 94%;}
    .banner.inner_pro .right {padding: 30px 55px 0 25px;}
    .main_solution { padding-top: 20px;}
    .banner.pro_banner{/*height: 130vh;*/ background-position: 100% 0%, 100% 78%; background-size: 80%, 94%;}
    .banner.pro_banner .right {padding: 40px 100px 0 0px;}
    .date_info h2 br{display: none;}
    .date_info h2{font-size: 28px;line-height: 40px;}
    .date_info{padding: 80px 40px; }
    .date_info .lft_info{width: 48%;}
    .date_info .rgt_info{width: 48%; float: right;}
    .banner .right a.visual_img {width: 400px;}
    .banner .right a.advanced_img {width: 340px;}
    .banner .right a.ssin_img {width: 250px;}
    .banner .right a.cid_img{width: 250px;}
    .banner .right a.logit_img{width: 250px;}
    .banner .right a.xlst_img{width: 250px;}
    .banner .right a.motive_img{width: 250px;}
    .section .bg-bottom-move{left: -2380px !important;}
    .all_solutions.section .bg-move {right: -126% !important;}
    .all_product .woocommerce.columns-3 ul.products li.product{width: 320px; margin: 50px 35px 50px 35px;}
    .newslider ul li .rgt_img figure{    padding: 0 0px 40px 20px;}
    .all_post .lft_sidebar{padding-right: 10px;}
    .all_post{padding: 80px 0;}
    .all_post .rgt_cotent li{margin-top: 70px;}
    .all_post .rgt_cotent li .blog_img a figure{height: 175px;}
    .all_post .rgt_cotent li .blog_img a figure img{max-height: 165px;}
    .all_post .rgt_cotent{padding-left: 20px;}
    .all_post .rgt_cotent li .blog_title h2 a{font-size: 19px; line-height: 26px;}
    .all_post .rgt_cotent li .blog_img a figure:after{ background-size: 220px; bottom: -100px; right: -20px; width: 230px;}
    .press_banner h1 {font-size: 65px;line-height: 80px;}
    .unlock_banner .left_text { padding: 60px 10px 0px 40px;}
    .banner.law_banner.unlock_banner .right {padding: 90px 80px 210px 110px;}
    .unlock_banner .left_text h1{font-size: 40px;line-height: 50px; letter-spacing: 1px;}
    .unlock_banner .left_text a {margin-bottom: 8px; font-size: 15px; line-height: 22px;}
    .video_tabs{padding: 60px 0;}
    .videos-list-container{padding-top: 10px; width: 100%; max-width: 100%; float: left; padding: 0;}
    .videos-list-container ul li{padding: 0 20px;}
    .video_tabs ul li{margin-bottom: 35px;}
    .videos-list-container ul li h3{font-size: 20px; line-height: 31px;}
    .products_details .rgt_content h1{max-width: 100%;}
    .woocommerce-account {padding-top: 140px;}
    .woocommerce-MyAccount-navigation ul li a{font-size: 15px;}
    .login input,.login textarea,.login select,.register input,.register textarea,.register select{padding: 8px 18px;}
    .woocommerce-account .woocommerce{padding: 0 40px 50px 40px;}
    .woocommerce-MyAccount-navigation{width: 21% !important;}
    .woocommerce-MyAccount-navigation ul li a {font-size: 14px;}
    .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{padding: 0;}
    .woocommerce-account .addresses .title a.edit{padding: 13px 41px;}
    .woocommerce-checkout .woocommerce {padding: 160px 40px 60px 40px;}
    .woocommerce_checkout_login .login, .woocommerce_checkout_login .register{margin-bottom: 0 !important;}
    .wpmc-step-login .woocommerce-form p:first-child{    padding: 0 50px; margin-bottom: 25px;}
    .woocommerce-order p.woocommerce-thankyou-order-received::before {padding-top: 110px;}
    .woocommerce ul.order_details li strong {font-size: 14px !important; margin-top: 6px !important;}
    .woocommerce ul.order_details li{margin-right: 16px !important; padding-right: 16px !important;}
    .woocommerce ul.order_details li:last-child{margin-right: 0px !important; padding-right: 0px !important;}
    .h_bottom .cart-icon{margin-right: 25px;}
    .blogs_inner h1{font-size: 24px; line-height: 34px; margin: 0 0 22px 0;}
    .banner_title{width: 500px;}
    .h_bottom .navigation ul li .sub-menu li a{padding: 3px 20px;}
    .h_bottom .navigation ul li .sub-menu{display: none; box-shadow: none;}
    body.open_menu{overflow: hidden;}
    .open_menu .h_bottom .navigation nav {height: calc(100vh + -85px); overflow-y: auto; overflow-x: hidden;}
    .h_bottom .navigation ul li:hover .sub-menu{display: none;}
    .h_bottom .navigation ul li a{padding: 15px !important; margin: 0px; display: inline-block;}
    .h_bottom .navigation ul li ul li a{margin-top: 0; padding-top: 0 !important; padding-bottom: 0 !important;margin-bottom: 10px;font-size: 16px !important;}
    .h_bottom .navigation ul li ul li.active a,.h_bottom .navigation ul li ul li a:hover{font-weight: 700; color: #fff;}
    .all_product a.added_to_cart{padding-top: 0 !important;}
    .all_post .rgt_cotent li .blog_btn a:before{height: 44px;}
    .all_post .rgt_cotent li .blog_btn a:hover:before{height: 41px;}
    .our-story .banner_img{min-height: 790px;}
    .safety_contents ul li{width: 100%; margin-bottom: 30px; padding: 0;}
    .banner.work_with .inner_left {padding: 80px 40px 0px 40px;}
    .bottom_content .lft_text{width: 100%; padding-right: 0;}
    .bottom_content .rgt_img{width: 50%; padding-top: 50px;}
    .terms_banner{height: 380px; background-position: 60% 65%;}
    .terms_banner h1 {font-size: 34px;}
    .banner_content {padding: 480px 35px 0 30px;}    
    .banner.work_with .inner_left{width: 100%; padding-top: 490px;}
    .banner.work_with .right{height: auto; padding: 20px 110px 0 30px;}
    .banner.work_with{height: 800px; background-size: 80%, 110%;}
    .blogs_inner .lft_content{padding: 0 30px 0 0;}
    .blogs_inner .lft_content .share-btn{margin: 20px 0 30px 0;}
    .blogs_inner .lft_content .buttons a:before{height: 43px;width: 180px;}
    .blogs_inner h2 a{font-size: 22px;}
    .progress-wrapper{display: none;}

    .home .banner .right ul li h1{font-size: 28px; line-height: 38px;}
    .home .banner .right{padding: 40px 20px 0 50px;}
    .solutions2 .banner{height: 500px;}
    .solutions2 .banner.inner_pro .right{padding: 0 20px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .solutions2 .banner_content{width: 320px;}
    .solutions2 .banner_content h1{font-size: 40px; line-height: 50px;}
    .about .rgt_img .bg_img{background-size: 100% auto;}

    .safety_contents ul ul li{margin: 10px 0 0 0;}
    .faq-id{top: -100px;}
    .h_bottom .navigation ul > li.menu-item-has-children > a::after{width: 10px; height: 10px; border-color: #fff; border-bottom-width: 2px; border-right-width: 2px;
        top: 23px; right: 19px;}
    body .woocommerce .woocommerce-ResetPassword p{line-height: 22px; margin: 0 0 15px 0 !important;}
    .single-products_modules .banner:not(.emotive){height: 500px; background-position: 100% 0%, 100% 58%; background-size: 70%, 94%;}
    .single-products_modules .banner_content h1{font-size: 40px; line-height: 50px;}
    .single-products_modules .banner:not(.emotive).pro_banner .right{padding: 0 50px 0px; margin: -20px 0 0 0;}
    .single-products_modules .banner:not(.emotive).pro_banner .right img{position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .our-story .banner_img{background-position: top right; background-size: auto 70%;}
    .our-story .banner_content{padding-top: 350px;}
    .our-story .safety_contents{padding-top: 10px;}

    .all_post{margin: 0 30px;}
    .banner_title{padding: 0 0 30px 30px;}
    .banner.press_banner{height: 400px; background-size: auto 80%;}
    .h_bottom .navigation ul li.active a{color: #1100e9;}
    .h_bottom .navigation ul li ul li a:hover{font-weight: 500;}
    .h_bottom .navigation ul li ul li.active a, .h_bottom .navigation ul li ul li a:hover{color: #1100e9; font-weight: 500;}
    .banner_content a.btn{display: none;}
}



@media screen and (max-width: 810px) {

    .container{width:750px;} 
    .banner .video_img {height: 410px;}
    .banner .left{width: 100%; padding: 0; height: auto; padding: 20px 0;}
    .banner .left.front_page{padding: 60px 200px 0 200px;}
    .banner .right {width: 100%; height: auto; padding: 60px 200px 0 200px;}
    .banner .right ul li h1{font-size: 28px;}
    .banner .right ul li a{padding: 14px 42p;}
    .banner .right .owl-dots{padding-top: 0;}
    .about{padding-top: 0;}
    .about .lft_content h2{font-size: 26px;line-height: 36px;}
    .about .lft_content h6{font-size: 18px;line-height: 28px; margin-top: 15px;}
    .about .lft_content p{font-size: 15px;line-height: 28px;}
    .about .rgt_img{height: 530px}
    h2.heading{font-size: 28px;padding-bottom: 40px;}
    ul.resp-tabs-list{display: block;}
    .pro_tabs .lft_content p{font-size: 15px;line-height: 28px;}
    .why_bio h2{font-size: 28px; line-height: 36px;}
    .why_bio h2 br{display: none;}
    .why_bio .why_lft{width: 100%; padding-right: 20px; padding-left: 20px;}
    .why_bio p{font-size: 16px;line-height: 28px; margin-top: 12px;}
    .why_bio .why_rgt{width: 100%; margin-top: 25px;}
    .why_bio .why_rgt ul li{padding: 0 20px;}
    .footer .lft_content h2{font-size: 28px; line-height: 36px;}
    .footer .lft_content p{font-size: 18px;line-height: 26px;}
    .footer .rgt_form form input{height: 45px;margin-top: 20px;}
    .footer .lft_nav ul{margin-top: 0;}
    .footer .f_bottom{padding-bottom: 20px;}
    .footer .lft_nav ul li{margin: 0 25px 16px 0;}
    .open_menu .h_bottom .navigation nav{padding: 15px;} 
    .h_bottom .navigation ul li.menu-item-has-children:after{right: 0;}
    .h_bottom .navigation ul li a{padding:15px;font-size: 22px;} 
    .open_menu .h_bottom .navigation nav{overflow-y: scroll; overflow-x: hidden;}
    .h_bottom .navigation ul li.menu-item-has-children{margin-right: 0px;}
    .newslider ul li .rgt_img figure{padding: 0 0px;}
    .home_products.inner_modules ul{margin-top: 40px;}
    .main_solution .title h1{font-size: 46px; line-height: 60px;}
    .all_solutions .title h2{font-size: 36px;}
    .all_solutions .inner_solutions ul li h3 {font-size: 20px; margin-bottom: 20px;}
    .all_solutions .inner_solutions ul li a{font-size: 14px; margin-top: 15px;}
    .banner .right ul li h1 br{display: none;}
    .banner {background-size: 80%, 104%; background-position: 100% 0%, -190% 20%;}
    .banner .right{padding: 60px 100px 0 300px;}
   .banner.inner_pro{background-size: 90%, 90%;}
   .banner.inner_pro.videospace{    background-position: 100% 0%, 100% 38%;}
   .banner.inner_pro .right{width: 60%;    padding: 20px 45px 160px 15px;}
   .banner.inner_pro .left{padding-bottom: 0;}
   .banner.pro_banner .right{    padding: 40px 100px 0 0px;}
   .section .bg-bottom-move{left: -2313px !important;}
   .section .bg-move {right: -1800px !important;}
   .all_solutions.section .bg-move {right: -128% !important;}
   .all_product .woocommerce.columns-3 ul.products li.product {width: 325px; margin: 30px 25px 50px 25px;}
   .page-template-umbra .banner.pro_banner{background-position: 100% 0%, 100% 38%;}
   .newslider ul li .rgt_img figure:after{bottom: -105px;}
   .all_post .lft_sidebar{width: 100%; float: left; padding-right: 0;}
   .all_post .rgt_cotent{width: 100%; float: left; padding-left: 0; padding-bottom: 50px; border-top: 2px solid #efefef; margin-top: 20px;}
   .all_post .lft_sidebar .widget-content ul li{margin-bottom: 12px;}
   .banner.law_banner.unlock_banner .right {padding: 80px 80px 210px 90px;}
   .unlock_banner .left_text {padding: 60px 0px 0px 40px;}
   .video_tabs ul li a{padding: 7px 20px;}
   .videos-list-container ul li .video_img{height: 225px;}
   .videos-list-container ul li h3 {font-size: 18px;line-height: 28px;}
   .videos-list-container ul li .blog_category span{font-size: 13px; margin: 0;}
   .products_details {padding: 140px 40px 40px 40px;}
   .products_details .pro_dis h2{padding-bottom: 5px;}
   .products_details .pro_dis p{font-size: 15px; padding-top: 20px;}
   .products_details .rgt_content h1{font-size: 26px; line-height: 34px; margin-bottom: 12px;}
   .products_details .rgt_content p{font-size: 15px;line-height: 22px; margin-bottom: 12px;}
   .products_details .rgt_content ul li{font-size: 15px;}
   .products_details .rgt_content .price{padding-top: 20px;}
   .products_details .rgt_content .quantity{top: -37px;}
   .products_details .rgt_content button[type="submit"]{margin-top: 15px;}
   .woocommerce-MyAccount-navigation{width: 100% !important;}
   .woocommerce-MyAccount-content{width: 100% !important;}
   .login, .register{margin: 10px 0 !important;}
   .woocommerce-account {padding-top: 120px;}
   .woocommerce-account .woocommerce {padding: 0 15px 50px 15px;}
   .woocommerce-notices-wrapper {padding: 0 0px;}
   .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation{float: left !important;}
   .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1{border: 0; margin-bottom: 20px !important; float: left !important;}
   .woocommerce-checkout .woocommerce {padding: 160px 30px 60px 30px;}
   .woocommerce-page table.cart .product-thumbnail{display: block !important;}
   .woocommerce-cart table.cart img {width: 130px !important; float: left;}
   .woocommerce-cart {padding: 110px 0 0 0;}
   .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{display: none;}
   .woocommerce table.shop_table td{border-top: 0 !important;}
   .woocommerce a.remove{display: inline-block !important;}
   .cart_inner .cart_totals{float: right !important;}
   .woocommerce .quantity .qty{background: #e4e4e4;}
   .woocommerce_checkout_login .form-row{width: 100% !important;}
   .woocommerce-form-login.login p.lost_password{padding-left: 20px;}
   .woocommerce table.shop_table tfoot th{border: 0 !important;}
   .woocommerce-error li{text-align: left !important; font-size: 13px !important;}
   .h_bottom .navigation ul li.menu-item-has-children:after{    right: 10px;}
   .pro_tabs .lft_content h4{line-height: 20px; font-size: 16px;}
   .pro_tabs .lft_content ul li{font-size: 14px; line-height: 18px;}    
   .home .home_products .pro_tabs .lft_content a{margin: 30px 0 0 35px;}
   .home .home_products .pro_tabs .lft_content a:before{height: 44px;}
   .home .home_products .pro_tabs .lft_content a:hover:before{height: 41px;}
   .cart_inner table.shop_table .order-total td:first-child{margin-bottom: 20px;}
   .wpmc-nav-wrapper button.button.alt:before{height: 44px; width: 190px;}
   .wpmc-nav-wrapper button.button.alt:hover:before{height: 41px; width: 186px;}
   .wpmc-nav-wrapper button#wpmc-prev {margin-right: 0px;}
   .wpmc-step-payment button.button.alt:before{height: 44px; width: 300px;}
   .wpmc-step-payment button.button.alt:hover:before{height: 41px; width: 296px;}
   .wpmc-step-payment button.button.alt{width: auto !important;}
   .woocommerce a.button.alt:before{height: 44px; }
   .woocommerce a.button.alt:hover:before{height: 41px;}
   .login button.woocommerce-button.button:before, .register button.woocommerce-button.button:before{height: 44px;}
   .login button.woocommerce-button.button:hover:before, .register button.woocommerce-button.button:hover:before{height: 41px;}
   .all_post .rgt_cotent li .blog_btn a{margin-top: 30px;}
   .banner.work_with .right{width: 50%; float: right; padding: 20px 120px 0 40px;}
   .banner.work_with{height: 800px;}
   .bottom_content{margin: 50px 0;}
   .bottom_content .lft_text p span{font-size: 18px;}
   .terms_banner {height: 350px;background-position: 50% 73%; background-size: 120%;}
   .banner.work_with .inner_left {padding-top: 430px;}
   .blogs_inner h2 a{line-height: 26px; font-size: 20px;}
   .blogs_inner .lft_content .buttons a{width: 185px;}
   .blogs_inner .lft_content .buttons a:before{height: 40px; width: 175px;}
   .all_post .lft_sidebar .widget-content ul li.active{width: 98%;}
   .meet_family ul li .image {margin-left: -9px;}

   .home .banner .right{width: 60%;}
   .home .banner .right ul li h1{font-size: 30px; line-height: 45px;}
   .solutions2 .banner .right{height: 500px;}
   .solutions2 .banner.inner_pro{background-size: auto 100%, 90%;}
   .solutions2 .banner_content{position: absolute; top: 65%;}
   .woocommerce-account .woocommerce-MyAccount-navigation{margin: 0 0 15px 0;}

   .our-story .banner_content a.btn{margin-top: 0;}
   .contact .lft_contact h2{font-size: 23px;}
   .umbra-txt.inner_tab .pro_tabs .lft_content a{font-size: 15px;}
   .h_bottom .navigation ul > li.menu-item-has-children > a::after{top: 21px;}

   .solutions2 .banner_content{width: 300px; position: relative;}
   .single-products_modules .banner:not(.emotive){background-size: auto 100%, 90%; background-position: 100% 0%, 100% 38%;}
   .single-products_modules .banner:not(.emotive).pro_banner .right{height: 100%;}
   .single-products_modules .banner_content{width: 300px; padding: 0 15px;}
   .single-products_modules .banner_content h1{font-size: 33px; line-height: 40px;}
   .our-story .banner_img{min-height: 830px;}

   .widget.widget_categories{height: 120px;}
   .all_post .lft_sidebar .widget-content ul li{margin-bottom: 5px;}
   .all_post .lft_sidebar .tagcloud a{margin-bottom: 10px;}
   .all_post .lft_sidebar .widget-content ul li.active{border-bottom: 2px solid #1100e9;}
   .all_post .rgt_cotent li{margin-top: 30px;}

}





@media screen and (max-width: 767px) {

    .container{width:620px;}
    .banner .video_img{height: 330px;}
    .h_bottom{padding: 0px 15px;}
    .h_top{padding: 0 15px;}
    .h_top .right ul li:first-child{margin-right: 10px;}
    .banner .right{padding-right: 10px;}
    .banner .right ul li a{margin-top: 20px;  padding: 13px 40px;}
    .banner .right .owl-dots{padding-top: 28px;}
    .banner .video_img a {width: 90px; height: 50px; background-size: 20px;}
    .pro_tabs .lft_content{width: 100%; float: left; margin-top: 30px; padding: 0 20px;}
    .newslider ul li{margin-top: 35px;}
    .pro_tabs .rgt_img{width: 100%; float: right; margin-top: 50px; padding: 0 20px;}
    .newslider ul li .lft_content{width: 100%; float: right; margin-top: 30px;}
    .newslider ul li .rgt_img{width: 100%; float: left; padding: 0 100px;}
   /*.open_menu .h_bottom .navigation nav{max-height: 300px; }*/
   .h_bottom .navigation ul li a{padding: 10px 15px; font-size: 18px;}
   .contact .lft_contact h2{font-size: 24px; line-height: 38px;}
   .contact .lft_contact p{font-size: 16px; line-height: 26px;}
   .newslider .owl-dots{text-align: center;}
   .newslider {padding: 60px 15px 50px 15px;}
   .newslider .owl-carousel.owl-loaded { padding-top: 30px;}
   .contact .rgt_form{width: 100%; margin-top: 40px;}
   .contact .lft_contact{width: 100%; padding: 0 20px;}
   .home_products.inner_modules ul{margin-top: 30px;}
   .all_solutions .inner_solutions ul li h3{line-height: 32px; margin-bottom: 12px;}
   .all_solutions .inner_solutions ul li a.btn{margin-top: 10px;}
   .all_solutions .title h2{font-size: 30px; line-height: 42px;}
   .all_solutions .title h2 br{display: none;}
   .main_solution .title h1 {font-size: 42px;line-height: 58px;}
   .main_solution .content p {max-width: 100%;}
   .main_solution{padding-top: 50px; margin: 0 15px;}
   .banner .left{padding-top: 0px;}
   .banner {background-size: 90%, 104%; background-position: 100% 0%, -150% 35%;}
   .banner .right{padding-left: 230px; padding-right: 20px;}
   .all_solutions .inner_solutions ul li a.btn{margin-top: 5px;}
   .all_solutions{margin: 0 15px;}
   .banner.inner_pro .right {padding: 20px 45px 120px 15px;}
   .banner.inner_pro{background-size: 90%, 90%; background-position: 100% 0%, 100% 58%;}
   .footer .lft_nav ul li { margin: 0 20px 14px 0;}
   .banner.pro_banner{height: auto; background-size: 100%, 90%;  background-position: 100% 0%, 100% 98%;}
   .banner.law_banner{height: auto; background-size: 80%, 110%; background-position: 100% 0%, -60% 90%;}
   .banner.law_banner .right{padding: 20px 20px 80px 10px;}
   .date_info .lft_info{width: 100%;}
   .date_info .rgt_info{width: 100%; float: left; margin-top: 40px;}
   .date_info h2{margin-bottom: 10px;}
   .banner .right a.visual_img{padding: 60px 0px 130px 0px; width: 310px; float: left;}
   .banner .right a.advanced_img{padding: 50px 0px 40px 0px;}
   .banner .right a.ssin_img {padding: 20px 0;}
   .banner .right a.cid_img{padding-top: 50px;}
   .banner .right a.logit_img{padding-top: 50px;}
   .banner .right a.xlst_img{padding-top: 50px;}
   .banner .right a.motive_img{padding-top: 50px;}
   .section .bg-bottom-move{left: -2380px !important;}
   .section .bg-move {right: -1600px !important;}
   .all_solutions.section .bg-move {right: -130% !important;}
   .all_product .woocommerce.columns-3 ul.products li.product{width: 260px;}
   .all_product .woocommerce.columns-3 ul.products li.product h2{font-size: 18px; line-height: 26px; margin: 5px 0;}
   .all_product .woocommerce.columns-3 ul.products li.product span{font-size: 20px;}
   .all_product .woocommerce ul.products li.product .button {font-size: 14px;}
   .page-template-umbra .banner.pro_banner {background-position: 100% 0%, 100% 48%;}
   .newslider .owl-carousel .owl-item img{max-height: 320px;}
   .newslider ul li .rgt_img figure:after {background-size: 300px; bottom: -100px; right: -55%;}
   .press_banner h1 {font-size: 50px; line-height: 70px;}
   .banner.press_banner{background-size: auto 75%; background-position: 100% 67%;}
   .unlock_banner .left_text{width: 100%; float: left; padding: 0 15px;}
   .banner.law_banner.unlock_banner{background-position: 100% 0%, -70% 25%;}
   .banner.law_banner.unlock_banner .right {padding: 60px 60px 150px 70px;}
   .video_tabs ul li a {padding: 7px 12px;}
   .videos-list-container ul li .video_img {height: 185px;}
   .videos-list-container ul li .video_img:after {bottom: -105px; width: 220px; background-size: 210px;}
   .videos-list-container ul li{margin: 0 0 35px 0;}
   .products_details .lft_img{width: 100%; padding-right: 0;}
   .products_details .rgt_content{width: 100% !important;}
   .woocommerce-MyAccount-content .form-row span em{line-height: 14px;}
   .woocommerce form .form-row label {line-height: 22px !important;}
   .woocommerce-MyAccount-content p{font-size: 14px;}
   .woocommerce-checkout .woocommerce {padding: 160px 15px 60px 15px;}
   .woocommerce {padding: 0 15px 30px 15px;}
   .woocommerce ul.order_details li{width: 33.33%; margin: 0 !important; padding: 0 !important; float: left !important; border: 0 !important; margin-bottom: 35px !important;}
   .woocommerce ul.order_details{margin-bottom: 0 !important;}
   .woocommerce-order-details{width: 100%; margin: 0 !important;}
   .woocommerce-customer-details{width: 100%; margin-bottom: 0 !important;}
   .blogs_inner {padding: 50px 15px;}
   .banner_title {width: 350px;padding-left: 15px;padding-bottom: 30px;}
   .wc-proceed-to-checkout{margin-right: 20px;}
   .wpmc-nav-wrapper button.button.alt{width: 190px; }
   .wpmc-nav-wrapper{margin-top: 30px !important;}
   .our-story .banner_img{background-position: top right; background-size: auto 65%;}
   .banner_content { padding: 390px 35px 0 30px; margin: 10px 0 20px 0;}
   .banner.work_with .right {width: 50%; padding: 20px 80px 0 10px;}
   .terms_banner {height: 385px; background-position: 50% 73%; background-size: 140%;}
   .safety_contents{padding-top: 20px;}
   .banner.work_with {background-size: 100%, 110%;}
   .blogs_inner .lft_content{width: 100%; padding-right: 0;}
   .blogs_inner .rgt_sidebar{width: 100%; padding-left: 0; margin-top: 40px;}
   .meet_family ul li .image {margin-left: -31px;}

   .home .banner .right{width: 65%; padding: 30px 10px 0 50px;}
   .home .banner .right ul li h1{font-size: 25px; line-height: 35px;}
   .solutions2 .banner .right{height: auto;}
   .solutions2 .banner_content{position: static; -webkit-transform: inherit; transform: inherit;}
   .solutions2 .main_solution{padding-left: 15px; padding-right: 15px;}
   .solutions2 .banner_content{width: 350px; padding: 0 15px; margin: -50px 0 0 0;}
   .solutions2 .banner{height: auto;}
   .solutions2 .banner.inner_pro{background-size: 80% auto, 90%;}
   .solutions2 .banner.inner_pro .right{position: static; -webkit-transform: inherit; transform: inherit;}

   .our-story .banner_img{min-height: 950px;}
   .safety_contents ul ul li:first-child{margin: 0;}
   .contact .rgt_form{padding: 0 15px;}
   .desk-mail{display: none;}
   .h_top .right ul{text-align: center;}
   .h_top .right ul li{line-height: 30px;}
   .h_top .right ul li:first-child{margin-right: 5px;}
   .h_top .right ul li a.mail_icon{float: none; display: inline-block; vertical-align: top;}
   .h_bottom .navigation ul > li.menu-item-has-children > a::after{top: 20px;}
   .search-icon{width: 20px;}
   .single-products_modules .banner:not(.emotive){height: auto; background-size: 80% auto, 90%;}
   .single-products_modules .banner:not(.emotive).pro_banner .right{height: auto; position: static; padding: 0 20px; margin: 0;}
   .single-products_modules .banner:not(.emotive).pro_banner .right img{position: relative; top: inherit; -webkit-transform: inherit; transform: inherit;}
   .single-products_modules .banner_content{width: 300px; height: auto; padding: 0 15px; margin: -50px 0 0 0; position: static; -webkit-transform: inherit; transform: inherit;}
   .banner .right a.ssin_img img{max-height: 250px;}
   .banner .right a.ssin_img{display: inline-block;}
   .banner .right a.advanced_img{width: 300px; display: inline-block;}
   .banner .right a.logit_img{display: inline-block; padding-top: 0;}
   .banner .right a.xlst_img{display: inline-block; padding-top: 30px;}
   .banner.press_banner{height: 350px;}
   .all_post{margin: 0 15px;}

}





@media screen and (max-width: 639px) {

    .container{width:548px;}
    .banner .right{width: 100%; float: left; height: auto; padding-top: 60px;}
    .banner .right ul li h1{line-height: 34px;}
    .banner .left{width: 100%; float: right;}
    .banner .video_img{height: 300px;}
    .banner .right ul li{max-width: 315px; float: right;}
    .about .lft_content{width: 100%; padding: 0 20px;}
    .about .rgt_img{width: 100%; height: 390px; padding-top: 20px;}
    .about .rgt_img .bg_img {background-position: 50% 0%; background-size: auto 100%;}
    .footer .f_top{padding: 40px 0;}
    .footer .lft_content{width: 100%;}
    .footer .lft_content h2 br{display: none;}
    .footer .lft_content p{    margin-top: 10px;}
    .footer .rgt_form{width: 100%; float: left; margin-top: 0; padding: 0 0px;}
    .footer .lft_nav ul li {margin: 0 8px 12px 0;}
    .footer .lft_nav ul li a{font-size: 12px; font-weight: 600;}
    .newslider .lft_content h4 a {font-size: 20px; line-height: 30px; margin-top: 10px; display: block;}
    .newslider{padding: 40px 15px;}
    .home_products.inner_tab .pro_tabs .lft_content{margin-top: 20px; padding-left: 0; padding-right: 0;}
    .contact .lft_contact h2 br{display: none;}
    .contact .lft_contact p{margin: 10px 0;}
    .all_solutions .inner_solutions ul li a.btn{margin-top: 5px; font-size: 14px;}
    .all_solutions {padding: 60px 0;}
    .all_solutions .inner_solutions ul li{margin-top: 40px;}
    .all_solutions .title h2{line-height: 42px;}
    .all_solutions .title h2 br{display: none;}
    .all_solutions .inner_solutions ul li {padding-right: 40px;}
    .banner.inner_pro .right{float: right; padding: 20px 45px 120px 15px;}
    .main_solution {padding-top: 30px;}
    .banner.pro_banner{background-size: 90%, 90%;}
    .law_info {padding: 30px 0; margin: 0 15px;}
    .law_info .middal_contant ul li{width: 100%; margin-bottom: 30px; padding-right: 0;}
    .law_info .middal_contant ul li:last-child{padding-right: 0;}
    .law_info .middal_contant ul li p{    font-size: 16px; line-height: 25px; padding: 10px 25px 0 0;}
    .law_info .middal_contant .text{margin-bottom: 20px;}
    .date_info{padding: 40px;}
    .banner .right .owl-dots {padding-top: 10px;}
    .banner .right a.visual_img{width: 310px; padding: 40px 0px 60px 0px;}
    .banner .right a.advanced_img {width: 260px; padding: 20px 0px 20px 0px;}
    .banner .right a.ssin_img {width: 250px; padding: 20px 0 0 60px;}
    .banner .right a.cid_img{width: 230px; padding-top: 20px;}
    .banner .right a.logit_img{width: 260px; padding: 30px 0 0 50px;}
    .banner .right a.xlst_img{width: 290px; padding: 30px 0 0 80px;}
    .banner .right a.motive_img{width: 290px; padding: 40px 0 0 60px;}
    .section .bg-bottom-move{left: -2530px !important;}
    .all_solutions.section .bg-move {right: -132% !important;}
    .all_product .woocommerce.columns-3 ul.products li.product{width: 100%; margin: 35px 0; padding: 0 100px;}
    .newslider ul li .rgt_img figure:after {background-size: 280px;bottom: -110px;  right: -75%;}
    .all_post .rgt_cotent li{width: 100%; margin: 40px 0;}
    .all_post .rgt_cotent li .blog_img a figure{height: 100%;}
    .all_post .rgt_cotent li .blog_img a figure img{max-height: 100%; max-width: 100%;}
    .banner.law_banner.unlock_banner{background-size: 90%, 110%;}
    .banner.law_banner.unlock_banner .right {padding: 50px 30px 130px 40px;}
    .videos-list-container ul li .video_img {height: 165px;}
    .videos-list-container ul li h3 {font-size: 16px; line-height: 25px;}
    .video_tabs ul li {margin-bottom: 25px;}
    .woocommerce-info, .woocommerce-message { padding: 10px 20px 10px 40px !important;}
    .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{top: 10px !important; left: 10px !important;}
    .woocommerce-MyAccount-content .woocommerce-info a.button{width: 100%; margin-bottom: 10px;}
    .woocommerce form .form-row{padding: 0 5px !important;}
    .wpmc-step-login .woocommerce-form p:first-child {padding: 0 10px; margin-bottom: 25px;}
    .wpmc-tabs-wrapper .wpmc-tab-item{padding-bottom: 30px !important;}    
    .blogs_inner h1 {font-size: 22px; line-height: 32px; margin: 0 0 20px 0;}
    .press_banner h1 {font-size: 46px; line-height: 60px;}    
    .footer .container{width: 100%; padding: 0 15px;}
    .postid-73 .banner.pro_banner{background-position: 100% 0%, 100% 40%;}
    .pro_tabs .lft_content h4{font-size: 18px; margin-top: 30px; padding-bottom: 20px;}
    .inner_tab .pro_tabs .lft_content a{margin-top: 20px;}
    .page-template-umbra .banner.inner_pro .right a{width: 280px; padding: 40px 0 0 60px; float: left;}
    .wpmc-nav-wrapper button.button.alt{font-size: 12px !important; width: 170px;}
    .wpmc-nav-wrapper button.button.alt:before{width: 170px;}
    .wpmc-nav-wrapper button.button.alt:hover:before{width: 166px;}
    .banner.work_with {height: 660px;}
    .banner.work_with .inner_left { padding-top: 260px;}
    .terms_banner h1 {font-size: 32px;}
    .terms_banner{height: 310px; background-position: 60% 78%;background-size: 140%; padding-bottom: 0;}
    .banner.work_with {background-size: 90%, 110%;}
    .blogs_inner .lft_content .breadcrumb{display: none;}
    .why_bio .why_rgt{padding: 0 10px;}
    .meet_family ul li .image {margin-left: -35px;}

    .home .banner{background-size: 100%, 104%;}
    .home .banner .right{width: 100%; padding: 50px 10px 0 50px;}
    .home .banner .right ul li{max-width: 80%;}
    .solutions2 .banner_content h1{font-size: 35px; line-height: 45px;}
    .mo-openid-app-icons{padding: 0 5px;}
    .about .lft_content p .learn_more_button{margin: 25px 0 20px 35px;}

    .our-story .banner_img{min-height: 1010px;}
    .woocommerce form.woocommerce-ResetPassword .form-row{padding: 0 !important;}
    .banner .right a.cid_img img{max-height: 250px;}
    .our-story .banner_img{background-size: auto 60%;}

    .single-products_modules .banner:not(.emotive).pro_banner .banner_content h1{margin: 0 0 50px 0;}
    .single-products_modules .banner:not(.emotive) + .home_products.inner_tab .pro_tabs .lft_content{margin-top: 0;}
    .footer .lft_content{text-align: center;}
    .footer .rgt_form form input[type="submit"]{float: none; display: inline-block; vertical-align: top;}

}





@media screen and (max-width: 567px) {

    .container{width:400px;}
    .banner .right ul li h1{font-size: 26px;}
    .banner .right{padding-left: 100px; padding-top: 45px;}
    .banner .right ul li a{margin-top: 15px; padding: 12px 32px; font-size: 13px;}
    .about .rgt_img{    height: 290px;}
    .footer .rgt_content a{    padding: 15px 40px;}
    .footer .lft_nav{width: 100%; text-align: center;}
    .footer .rgt_content{width: 100%; text-align: center;}
    .why_bio .why_rgt ul li {padding: 0 15px;}
    .about .lft_content h2 {font-size: 24px;line-height: 32px;}
    h2.heading{font-size: 24px;}
    .pro_tabs .lft_content h3{font-size: 23px;}
    .pro_tabs .lft_content p { margin-top: 0; padding-right: 0;}
    .why_bio p {font-size: 15px;line-height: 25px; margin-top: 10px;}
    .footer .lft_content p{font-size: 15px; line-height: 25px; padding-right: 0;}
    .footer .rgt_form form input[type="submit"]{    width: 180px;}
    .footer .rgt_content a {padding: 12px 35px;}
    .newslider ul li .rgt_img figure:after {background-size: 260px; bottom: -90px; right: 160px;}
    .banner .video_img {height: 290px; background-position: 55% 50%;}
    .why_bio .why_lft{padding: 0 15px;}
    .newslider .owl-dot:before{padding: 7px 26px;}  
    .newslider ul li .rgt_img {width: 100%; float: left; padding: 0 20px;}
    .main_solution .title{width: 100%; margin-bottom: 10px;}
    .main_solution .content{width: 100%; padding: 0;}
    .main_solution {padding-top: 20px;}
    .main_solution .title h1 {font-size: 30px; line-height: 42px;}
    .all_solutions .title h2 {line-height: 32px; font-size: 22px;}
    .all_solutions {padding: 40px 0;}
    .all_solutions .inner_solutions ul li{width: 100%; padding: 0;}
    .all_solutions .inner_solutions ul li h3{margin-bottom: 8px;}
    .banner {background-size: 110%, 104%;     background-position: 100% 0%, -150% 37%;}
    .banner .right ul{height: 290px;}
    .banner.inner_pro {background-size: 100%, 90%;  background-position: 100% 0%, 100% 75%;}
    .banner.inner_pro .right{padding: 10px 15px 100px 0px;}
    .banner.pro_banner{background-position: 100% 0%, 100% 95%;}
    .law_info .top_contant ul li{width: 100%; margin-right: 0;}
    .law_info .top_contant ul li:last-child{width: 100%; margin: 20px 0 0 0;}
    .banner.law_banner{    background-size: 90%, 110%;}
    .law_info .law_title h1 {font-size: 38px; line-height: 42px;}
    .date_info{padding: 40px 15px;}
    .date_info h2 {font-size: 22px;line-height: 32px;}
    .date_info p{font-size: 14px;}
    .banner .right a.visual_img{ width: 230px; padding: 40px 0px 20px 0px;}
    .banner .right a.advanced_img {width: 150px; padding: 20px 0px 0px 0px;}
    .banner .right a.ssin_img {width: 190px; padding: 30px 0px 0 80px;}
    .banner .right a.cid_img{width: 190px; float: left; padding: 10px 0px 0 70px;}
    .banner .right a.logit_img{width: 170px; padding: 20px 0px 0 60px;}
    .banner .right a.xlst_img{width: 200px; padding: 10px 0px 0 60px;}
    .banner .right a.motive_img{width: 220px; padding: 30px 0px 0 40px;}
    .section .bg-bottom-move{left: -2670px !important;}
    .all_solutions.section .bg-move {right: -134% !important;}
    .all_product .woocommerce.columns-3 ul.products li.product{    padding: 0 80px;}
    .press_banner h1 {font-size: 40px; line-height: 50px;}
    .all_post{padding-top: 0;}
    .banner.law_banner.unlock_banner .right {padding: 50px 30px 60px 40px;}
    .unlock_banner .left_text h1{font-size: 34px; line-height: 41px;  letter-spacing: 1px;}
    .unlock_banner .left_text p{font-size: 15px; line-height: 27px;}
    .videos-list-container ul li{width: 100%;    padding: 0 30px;}
    .videos-list-container ul li .video_img {height: 215px;}
    .video_tabs {padding: 40px 0;}
    .products_details {padding: 110px 15px 40px 15px;}
    .login, .register { margin: 5px 0 !important;}
    .my_account h2{font-size: 20px;}
    .woocommerce-info, .woocommerce-message{margin-bottom: 0 !important;}
    .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address{margin-top: 10px; font-size: 14px;}
    .wpmc-step-billing p{width: 100% !important;}
    .woocommerce form .form-row #billing_address_2{margin-top: 0;}
    .cart_inner .cart_totals{width: 100% !important;}
    .wpmc-step-login .woocommerce-form p:first-child{padding: 0;}
    .woocommerce_checkout_login .login, .woocommerce_checkout_login .register { padding: 20px 0 !important;}
    .woocommerce-form__label-for-checkbox span{font-size: 14px; padding-left: 5px;}
    .woocommerce-form-login.login p.lost_password{padding-left: 10px;}
    .woocommerce ul.order_details li{font-size: 13px !important;}
    .woocommerce-order p{font-size: 20px;}
    .blogs_inner {padding: 30px 15px;}
    .blogs_inner h1 {font-size: 18px;line-height: 28px; margin: 0 0 18px 0;}
    .banner.press_banner {background-size: auto 80%; background-position: top right;}
    .page-template-umbra .banner.inner_pro .right a {width: 220px; padding: 30px 0 0 40px;}
    .wpmc-nav-wrapper button.button.alt{width: 140px;}
    .wpmc-nav-wrapper button.button.alt:before {width: 125px; height: 36px;}
    .wpmc-nav-wrapper button.button.alt:hover:before{width: 120px; height: 33px;}
    .banner_content {padding: 260px 35px 0 30px;}
    .our-story .banner_img {background-position: 100% 12%;background-size: auto 40%;}
    .banner_content h1 {font-size: 42px; line-height: 52px;}
    .banner.work_with{background-size: 95%, 105%; }
    .banner.work_with .inner_left{padding: 220px 20px 0 20px;}
    .banner.work_with .inner_left h1{font-size: 40px; line-height: 50px;}
    .banner.work_with .right{padding: 20px 70px 0 0px;}
    .bottom_content {margin: 10px 0 50px 0;}
    .bottom_content .rgt_img{width: 70%}
    .story {padding: 0 20px;}
    .terms_banner{    height: 300px; background-position: 57% 73%; background-size: 160%;}
    .terms_banner h1 { font-size: 28px;}
    .contact_lft {padding: 180px 0 0 0;}
    section.banner.contact_banner{background-size: 70%, cover; background-position: 170% 8%, -150% 37%;}
    .meet_family ul li{width: 100%; margin-left: 0; margin-right: 0;}
    .family_space{padding: 0 10px;}
    .pro_tabs .lft_content{padding: 0 15px;}
    .blogs_inner h2{font-size: 20px; line-height: 26px; margin-top: 15px; margin-bottom: 8px;}
    .blogs_inner .lft_content .buttons a{    font-size: 12px; width: 170px;}
    .blogs_inner .lft_content .buttons a:before {height: 36px; width: 163px;}
    .meet_family ul li .image{width: 48%;}

    .home .banner .right{padding: 10px 10px 0 50px;}
    .home .banner .right ul li{max-width: 77%;}
    .home .banner .right ul li h1{font-size: 17px; line-height: 24px;}
    .solutions2 .banner.inner_pro{background-size: 90% auto, 90%;}
    .solutions2 .banner_content{margin: 0;}
    .solutions2 .banner_content h1{font-size: 30px; line-height: 40px;}
    .banner_content a.btn{margin-top: 10px;}
    .all_solutions .inner_solutions ul li h3 br{display: none;}
    .solutions2 .banner_content{width: 300px;}

    .why_bio .why_rgt ul li h6{font-size: 18px;}
    .why_bio .why_rgt ul li .content p{margin: 5px 0 0 0;}

    .our-story .banner_img{min-height: 1110px;}
    .meet_family{margin: 0px 0 0;}
    .contact .lft_contact{width: 100%; padding: 0 15px;}
    .contact .rgt_form{padding: 0 10px;}
    .why_bio .why_rgt ul li{width: 100%; padding: 0; margin: 0 0 20px 0 !important}
    .why_bio .why_rgt ul li:last-child{margin: 0 !important;}
    .search-form{width: 90%;}
    .search-field{height: 40px; font-size: 15px; padding: 0 10px;}
    .search-close{width: 20px; height: 20px; top: 20px; right: 20px;}
    .woocommerce-lost-password .woocommerce-message + p{margin: 10px 0 0 0;}

    .single-products_modules .banner_content{margin: 10px 0 0 0;}
    .single-products_modules .banner_content h1{font-size: 30px;}
    .single-products_modules .banner:not(.emotive) .right a.visual_img{width: 210px; padding: 30px 0px 0 10px;}
    .our-story .banner_content{padding: 350px 20px 0 20px;}
    .join_team p br{display: none;}
    .banner.press_banner{height: 300px;}
    .banner_title{width: 300px;}
    .press_banner h1{font-size: 35px; line-height: 45px;}
    .all_post .rgt_cotent li{margin: 30px 0;}
    .single-products_modules .banner:not(.emotive) + .home_products.inner_tab .pro_tabs .lft_content{margin-top: 10px;}
    .single-products_modules .banner:not(.emotive).pro_banner .banner_content h1{margin: 0 0 10px 0;}
    .our-story .banner_content{margin: 10px 0 0px 0;}
    #cookie-law-info-bar p{font-size: 13px; line-height: 20px;}


}



@media screen and (max-width: 413px) {

    .container{width:340px;}
    .banner .video_img {height: 250px;}
    .banner .left{height: auto;}
    .banner .right ul li h1{    font-size: 22px; line-height: 30px;}
    .about{padding: 20px 0 0 0;}
    .about .lft_content h2{font-size: 22px; line-height: 30px;}
    .about .lft_content h6{font-size: 16px; line-height: 26px; margin-top: 10px;}
    .about .lft_content p{padding-top: 10px;}
    .why_bio .why_rgt ul li{width: 100%; margin-top: 20px; padding: 0;}
    .why_bio .why_rgt ul li:first-child{margin: 0;}
    .why_bio p{margin-top: 3px;}
    .footer .rgt_form{padding: 0;}
    .newslider ul li .rgt_img figure:after {background-size: 260px; bottom: -90px;right: 120px;}
    .newslider .lft_content h3 {font-size: 26px;}
    .newslider .lft_content h4 a{font-size: 18px;line-height: 26px; margin-top: 0px;}
    .newslider .lft_content p { padding-top: 10px; font-size: 15px; line-height: 29px;}
    .banner .right ul li {max-width: 285px; float: right;}
    .h_bottom{padding: 0 15px;}
    .h_bottom .logo{    width: 60px;}
    .contact .rgt_form{padding: 0 15px;}
    .contact .rgt_form .mailpoet_paragraph{width: 100% !important; margin: 0 0 15px;}
    .contact .rgt_form .mailpoet_paragraph.row-half{width: 100% !important; margin: 0 0 15px;}
    .contact .rgt_form .mailpoet_paragraph input{width: 100% !important; height: 45px;}
    .contact .rgt_form .mailpoet_paragraph input[type="submit"]{width: 100% !important; margin: 0;}
    .home_products ul li{margin-bottom: 5px;}
    .footer .lft_nav ul li {margin: 0 7px 12px 0;}
    .contact .rgt_form .mailpoet_paragraph{padding: 0;}
    .banner .right ul li a{font-size: 12px; margin-top: 10px;}
    .banner .right{padding-left: 90px; padding-top: 35px;}
    .banner .right .owl-dots {padding-top: 10px;}
    .banner .left{padding-bottom: 0;}
    .banner{background-position: 100% 0%, -150% 40%;}
    .banner.inner_pro{background-size: 103%, 90%;}
    .banner.inner_pro .right {padding: 10px 15px 100px 0px;}
    .banner.pro_banner .right{padding: 10px 15px 60px 0px;}
    .banner.law_banner {background-size: 100%, 110%; background-position: 100% 0%, -60% 100%;}
    .banner .right a.visual_img{width: 200px; padding: 30px 0px 60px 0px;}
    .banner .right a.advanced_img{width: 200px;  padding: 20px 0px 10px 0px;}
    .banner .right a.cid_img{width: 170px; padding: 20px 0px 20px 50px;}
    .banner .right a.logit_img{width: 180px; padding: 20px 0px 20px 50px;}
    .banner .right a.xlst_img{width: 190px; padding: 20px 0px 20px 50px;}
    .banner .right a.motive_img{width: 190px; padding: 20px 0px 20px 30px;}
    .banner .right a.ssin_img {width: 170px; padding: 20px 0px 20px 50px;}
    .section .bg-bottom-move{left: -2800px !important;}
    .section .bg-move { right: -1650px !important;}
    .all_solutions.section .bg-move {right: -1036px !important;}
    .all_product .woocommerce.columns-3 ul.products li.product{padding: 0 30px; margin: 30px 0;}
    .all_post{margin: 0 15px;}
    .banner.law_banner.unlock_banner .right {padding: 20px 20px 50px 40px;}
    .videos-list-container ul li {padding: 0 20px;}
    .videos-list-container ul li .video_img {height: 195px; margin-bottom: 20px;}
    .products_details .rgt_content h1 {font-size: 24px;line-height: 32px;}
    .wpmc-nav-wrapper button.button.alt {font-size: 10px !important; width: 120px;}
    .wpmc-nav-wrapper button.button.alt:before {width: 110px;}
    .wpmc-nav-wrapper button.button.alt:hover:before {width: 106px;}
    .woocommerce ul.order_details li{width: 50%;}
    .woocommerce-order-details h2{margin: 20px 0 10px 0;}
    .blogs_inner h1 {font-size: 16px; line-height: 26px;}
    .banner_title {padding-left: 15px;}
    .pro_tabs .lft_content h4{font-size: 15px; margin-top: 20px; padding-bottom: 10px;}
    .pro_tabs .lft_content ul li{font-size: 14px; line-height: 18px;}
    .page-template-umbra .banner.inner_pro .right a { width: 190px;}
    .banner_content h1 {font-size: 38px;line-height: 50px;}
    .bottom_content .rgt_img{width: 80%;     padding-top: 40px;     padding-left: 40px;}
    .banner.work_with .inner_left {padding: 170px 20px 0 20px;}
    .banner.work_with .inner_left h1 {font-size: 36px;line-height: 42px;}
    .terms_banner {height: 250px;background-position: 57% 80%; background-size: 160%;}
    .terms_banner h1 {font-size: 22px; margin-top: 26px;}
    .home_products ul li a {width: 80px; height: 80px;}
    .blogs_inner .lft_content .blog_author span{font-size: 14px;}
    .blogs_inner .lft_content .buttons a{width: 130px;}
    .blogs_inner .lft_content .buttons a:before {height: 34px; width: 140px;}
    .why_bio .why_lft{padding: 0 5px;}

    .home .banner .right ul li h1{font-size: 13px; line-height: 20px;}
    .home .banner .right ul li a{font-size: 12px; padding: 10px 20px; margin: 10px 0 0 0;}
    .about .rgt_img .bg_img{background-size: 100% auto; background-position: center;}

    .our-story .banner_content p{font-size: 15px; line-height: 26px;}
    .our-story .banner_content{margin: 10px 0 0 0;}
    .h_top{padding: 0 4px;}
    .h_top .right ul li:first-child{margin-right: 0;}
    .h_top .right ul li{font-size: 12px; margin: 0;}
    body .woocommerce-ResetPassword .woocommerce-form-row #user_login{height: 40px;}
    body .woocommerce .woocommerce-ResetPassword p.form-row-first{margin: 0 0 30px 0 !important;}
    body .woocommerce-ResetPassword .woocommerce-Button{width: 100%;}
    body .woocommerce-ResetPassword .woocommerce-Button::before{width: 100%;}
    body .woocommerce-ResetPassword .woocommerce-Button:hover::before{width: 100%;}
    .woocommerce-page form .password-input input{height: 40px;}
    .woocommerce form.woocommerce-ResetPassword .show-password-input, .woocommerce-page form.woocommerce-ResetPassword .show-password-input{top: 11px;}
    .single-products_modules .banner:not(.emotive){background-size: 90% auto, 90%;}
    .single-products_modules .banner:not(.emotive).pro_banner .right{padding: 0;}
    .single-products_modules .banner:not(.emotive) .right a.visual_img{width: 170px;}
    .single-products_modules .banner_content{margin: 30px 0 0 0;}
    .single-products_modules .banner_content h1{font-size: 25px;}
    .our-story .banner_img{background-position: 100% 10%; background-size: auto 30%;}
    .our-story .banner_content{padding-top: 300px;}
    .our-story .safety_contents{padding-top: 25px;}
    .banner.press_banner{background-size: auto 70%;}
    .banner_title{width: 250px;}
    .press_banner h1{font-size: 30px; line-height: 40px;}
    .our-story .safety_contents{padding-top: 15px;}
    .our-story .banner_img{min-height: 1040px;}

}   



@media screen and (max-width: 370px) {

    .container{width:300px;}
    .banner .right ul {height: 240px;}
    .banner .right ul li h1{font-size: 23px; line-height: 33px;}
    .banner .right ul li a{font-size: 13px; margin-top: 15px;}
    .banner .right .owl-dots{margin-right: 10px;}
    .banner .video_img{height: 220px;}
    .about .rgt_img{height: 250px;}
    h2.heading {font-size: 20px; padding-bottom: 32px;}
    .why_bio{padding: 40px 0;}
    .footer .lft_content h2{font-size: 24px; line-height: 34px;}
    .newslider ul li .rgt_img figure:after {background-size: 220px; bottom: -102px; right: 40px;}
    .footer .f_bottom{padding: 0 0 20px 0;}
    .main_solution .title h1{font-size: 28px; line-height: 40px; margin-bottom: 5px;}
    .banner.law_banner .right {padding: 20px 20px 60px 10px;}
    .banner {background-position: 100% 10%, -80% 50%; background-size: 130%, 104%;}
    .banner .right a.visual_img{padding: 20px 0px 30px 0px; width: 180px;}
    .banner .right a.advanced_img{padding: 10px 0px 10px 0px;  width: 140px;}
    .banner .right a.ssin_img {width: 160px; padding: 0px 0px 0px 60px;}
    .banner .right a.cid_img{width: 160px; padding: 10px 0px 0px 70px;}
    .banner .right a.xlst_img{width: 150px; padding: 10px 0px 0px 40px;}
    .banner .right a.motive_img{width: 170px; padding: 20px 0px 0px 40px;}
    .banner .right a.logit_img {width: 150px; padding: 10px 0px 0px 50px;}
    .page-template-umbra .banner.inner_pro .right a{width: 160px; padding: 20px 0 0 30px;}
    .section .bg-bottom-move{left: -3100px !important;}
    .section .bg-move { right: -1991px !important;}
    .all_solutions.section .bg-move {right: -1036px !important;}
    .videos-list-container ul li {padding: 0 10px;}
    .woocommerce-MyAccount-content .woocommerce-info a.button{padding: 15px 28px;}
    .banner.press_banner{background-size: auto 70%;}
    .wpmc-nav-wrapper button.button.alt:before{width: 95px; height: 32px;}
    .wpmc-nav-wrapper button.button.alt:hover:before{    height: 29px;     width: 93px;}
    .wpmc-step-payment button.button.alt:before{    width: 270px;}
    .wpmc-step-payment button.button.alt:hover:before{width: 266px;}
    .safety_contents h2{font-size: 28px;}
    .banner_content a.btn{margin-top: 10px;}   
    .banner_content h1 {font-size: 34px; line-height: 43px;} 
    .meet_family ul li .image{width: 47%;}

    .our-story .banner_img{min-height: 1140px;}

}        

@media screen and (max-width: 360px) {
    .our-story .banner_img{min-height: 1010px;}
}         

@media screen and (max-width: 320px) {

.meet_family ul li .image {
    margin-left: -26px;
}
}