@media only screen and (min-width:1025px) and (max-width:2000px) /* for all screen larger then 1024px (devices and browsers) */{
    
    #main-container{ margin-left: 0 !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)/* for all device larger then 768px (devices and browsers) */ {
    
    /* Mobile Menu */    
    .mobile_nav{ width:64%; float:right; padding:0; margin:0; display:block; position:relative; right:0; top:0; height:100%; background:none; z-index:0;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }    
    .mobile_nav li{ padding:0; margin:0; background:none; list-style:none; position: relative;}
    .mobile_nav li span{ font-size: 20px; padding: 25px 20px 10px 20px; display: block; color: #94ac60; text-transform: uppercase; }
    .mobile_nav li a{ font-size:14px; line-height:normal; color:#fef4ea; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding:7px 20px; text-transform:uppercase; font-weight: 400; border-bottom: #4c443e solid 1px;}
    .mobile_nav li a:hover{ color: #fef4ea;}
    .mobile_nav li a.current{ color:#fff !important; background:#4c443e; text-decoration: none;}
    .mobile_menu_icon{ display:block !important; }
    ul.sub_nav{ display:none; padding:10px 5px; background:#322920; max-height: 180px; overflow-y: scroll;}
    ul.sub_nav li a{ font-size:14px; padding:0 10px 0 25px; border-bottom: 1px solid #322920; color: #fff; text-transform: none; letter-spacing: 0; line-height: 26px;}     
    ul.sub_nav li a.current{ background: #dfbb02;}
    ul.sub_nav li a:hover{  color: #fff;}
    ul.sub_nav li a span{ padding: 0 0 2px; margin: 0 0 2px; color: #726960; font-size: 16px; border-bottom: 1px solid #423930;}
    .mobile_nav li a.have_sub_menu{ /*background-image: url(/images/site/plus.png); background-position: 90% center; background-repeat: no-repeat;*/ position: relative; }
    .mobile_nav li a.have_sub_menu.active{ background: #322920; color: #a39c94;}
    .mobile_nav li em.level_1:after{ position: absolute; content: ''; width: 8px; height: 2px; left: 45%; top: 15px; background: #fef4ea;}
    .mobile_nav li em.level_1:before{ position: absolute; content: ''; width: 8px; height: 2px; left: 45%; top: 15px; background: #fef4ea; transform: translateY(0px) rotate(90deg); -moz-transform: translateY(0px) rotate(90deg); -webkit-transform: translateY(0px) rotate(90deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile_nav li em.level_1.active:before{ transform: translateY(0px) rotate(0deg); -moz-transform: translateY(0px) rotate(0deg); -webkit-transform: translateY(0px) rotate(0deg); opacity: 0;}
    .mobile_nav li em.level_1.active{ /*background-image: url(/images/site/minus.png);*/}
    .mobile_menu_icon{ display:none;}
    .mobile_menu_block{ display: block; padding: 5px 0 0 0; position: relative; z-index: 99;}
    .mobile_menu{ position:relative; width:100%; z-index:9;}       
    .mobile_nav li.links_top{ background: #322920; padding: 10px 0;}
    .mobile_nav li.links_top a{ text-transform: none; border: none; padding: 5px 20px;}    
    .mobile_menu_icon span {position: absolute; top: 50%; left: 22px; display: block; padding: 0; width: 16px; height: 2px; background-color: #748c40; font-size: 0px; -webkit-touch-callout: none;
        -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
    .mobile_menu_icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #748c40; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 0;}
    .mobile_menu_icon span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #748c40; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 0;}
    .mobile_menu_icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
    .mobile_menu_icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%);}
    .mobile_menu_icon.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
    .mobile_menu_icon.active span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); background: #000;}
    .mobile_menu_icon.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: 0; background: #000;}
    #main-container{ position: absolute; left: 0; top:0; width: 100%; -webkit-box-shadow: 0.5em 0 0.5em 0.25em rgba(0, 0, 0, 0.25); -moz-box-shadow: 0.5em 0 0.5em 0.25em rgba(0, 0, 0, 0.25); box-shadow: 0.5em 0 0.5em 0.25em rgba(0, 0, 0, 0.25); /*overflow: hidden;*/ z-index: 2;  background: #fff; height: auto;}
    .mobile_nav li em{ position: absolute; right: 4%; display: block; width: 40px; height: 27px; top: 0; z-index: 99;}
    .mobile_nav li.reg_church{ background: #8aab38;}
    .mobile_nav li.reg_church a{ padding: 10px 20px;}
    header .lower_head ul{ display: none;}

    /* Home */
    body{ min-width: inherit; background: #3c342e;}
    .wrapper{ width: 96%;}    
    header .lower_head ul li a{ font-size: 14px; letter-spacing: 1px;}
    .slider_block{ width: 96%; margin: 0 auto; left: 2%;}
    #banner .prev{ left: 0;}
    #banner .next{ right: 0;}
    .deal_right{ margin-left: 0;}
    #book_slider .owl-prev{ left: 0;}
    #book_slider .owl-next{ right: 0;}
    #book_slider{ width: 96%; margin: 0 auto;}
    .home_lower .blk{ padding: 15px 1%; width: 47%;}
    .home_lower .blk .blk_inner{ padding: 15px 2%; width: 95%;}
    .home_lower .blk .blk_inner .blk_img img{ max-width: 100%;}
    .home_lower .wrapper{ padding-left: 0;}
    .auther_spot .spot_img{ left: 0; width: 50%; position: relative; display: inline-block; vertical-align: top;}
    .auther_spot .spot_content{ width: 50%; padding-right: 0;}
    footer .bottom_footer .social_block{ width: 15%;}
    header .lower_head ul li.has_menu .books_dd{ width: 735px;}
    .books_dd .left_content{ width: 68%;}
    .books_dd .right_content{ width: 30%;}
    .books_dd .right_content .dd_img{ width: 100%;}
    .books_dd .right_content .dd_img img{ max-width: 100%;}
    .books_dd .left_content ul{ margin: 0 0 0 4%; width: 29%;}
    .auther_spot{ height: auto;}
    footer .copyright{ margin-top: 0;}
    header .upper_head .right_links a{ margin-left: 8px; font-size: 11px;}

    /* books */    
    #categoy_list .left_container{ padding-right: 2%; width: 28%;}
    #categoy_list .right_container{ width: 69%;}
    #book_land_slider ul{ width: 100%; display: inline-block; vertical-align: top;}
    #book_land_slider ul li{ width: 510px; }
    #book_land_slider ul li img{ width: 94%;} 
    #book_land_slider{ height: auto; padding-bottom: 20px;}
    #books_landing .deal_right{ width: 100%; padding: 0;}
    #categoy_list .right_container .deal_right{ padding-bottom: 20px; margin-bottom: 20px;}    
    .bottom_bradcrum ul li{ padding-left: 5px;}
    #books_detail_endorsements #left_container{ width: 74%;} 
    #books_detail_endorsements #right_container{ width: 26%;}
    .left_book_sec{ width: 42%; margin-right: 4%;}
    .right_book_sec{ width: 52%;}
    .comment_sec .left_sec{ width: 19%;}
    .comment_sec .right_sec{ width: 80%;}
    .write_blk .left_comment{ width: 57%;}
    .write_blk .right_comment{ width: 41%; margin-left: 1%;}
    .write_blk .left_comment textarea{ width: 95%; padding: 3px 2%;}
    .write_blk .right_comment label{ margin-bottom: 3px;}
    .write_blk .right_comment input[type="text"]{ padding: 0 0 0 2%; width: 97%; height: 33px;}
    #endorsements_main_blk .home_trading{ width: 100%;}
    #reviews_sec.reviews_sec.active{ margin-left: 0;}
    .home_trading .tab_btn::after, .home_trading .tab_btn::before{ left: 0;}
    .home_trading .tab_btn::before{ right: 0; left: auto;}    
    .deal_right{ width: 100%;}
    .deal_right .item{ max-width: 145px;}
    #categoy_list .right_container h1{ width: 65%;}
    #categoy_list .view_icons{ width: 32%; padding-right: 0;}
    .pagination{ padding-top: 0;}    
    #categoy_list .right_container .deal_right.list_view .book_img{ width: 25%; margin-right: 2%;}
    #categoy_list .right_container .deal_right.list_view .book_text{ width: 46%; padding-right: 2%;}
    #categoy_list .right_container .deal_right.list_view .book_text a{ padding-top: 0;}
    #right_container .side_bg .ribbon_title{ width: 100%;}
    
    /* member */
    #contact_main .left_chkout{ padding-right: 1%; width: 58%;}
    .right_chkout{ width: 40%;}
    
    /* author */
    #auth_sldr_outer ul.auther_slider{ display: inline-block; vertical-align: top; height: auto; width: 100%;}
    #auth_sldr_outer ul.auther_slider li{ height: auto;}
    #auth_sldr_outer .slide_inr h3{ font-size: 26px;}
    #auth_sldr_outer .slide_inr h2{ font-size: 55px; padding-bottom: 5px; line-height: 57px;}
    #auther_landing .name_pagination ul{ padding-left: 10px;}
    #auther_landing .name_pagination ul li{ margin-right: 5px;}
    #auther_landing .name_pagination ul li a{ font-size: 14px;}
    #auther_landing .name_pagination .search_box{ width: 190px;}
    #auther_landing .name_pagination .search_box input[type="text"]{ width: 128px;}
    #auther_landing .name_pagination .search_box input[type="submit"]{ float: right;}
    #auther_landing .auth_container .auth_blk{ width: 27%; margin-right: 10px; min-height: 220px; padding: 10px 2%;}
    #auther_landing .auth_container .auth_blk span{ font-size: 16px;}
    #auth_sldr_outer .slide_inr{ width: 96%;}
    #auth_sldr_outer .slide_inr::after{ width: 100%;}
    #auther_landing{ padding-bottom: 30px;}    
    #auther_page .auther_spot .spot_content{ margin-top: 0 !important; padding-bottom: 20px;}
    #auther_page .auther_spot .spot_content ul.social_icon{ padding-top: 0;}
    #auther_page .auther_spot .spot_content .ml35{ margin-left: 20px;}
    .auth_lower .wrapper{ padding-left: 0;}
    .auth_lower .blk_inner{ width: 27%; padding: 10px 2%; margin-right: 2%;}
    .auth_lower .blk_inner a{ font-size: 16px; letter-spacing: 2px;}
    
    /* Blog */
    .main_inner .left_container{ width: 28%; padding-right: 2%;}
    .main_inner .left_container .sign_up{ left: 0; width: 92%; padding-left: 4%; padding-right: 4%;}
    .main_inner .left_container .sign_up input[type="email"]{ width: 112px;}
    #latest_blog{ width: 69%;}
    #latest_blog .blog_blk .blog_img{ width: 48%; margin-right: 2%;}
    #latest_blog .blog_blk .blog_content{ width: 49%;}    
    .main_inner .right_container{ width: 69%;}
    #connect_detail .bot_colm .colm_txt{ padding-left: 2%; width: 65%;}
    
    /* deals */
    #deal_sldr_outer .deal_banner{ width: 96%; display: inline-block; vertical-align: top;}
    #deal_sldr_outer ul.deal_banner li img{ max-width: 100%; display: block;}
    #deal_sldr_outer{ height: auto; padding-bottom: 10px; text-align: center;}
    .mid_deal_link a{ width: 47%; margin: 0 1%;}
    .mid_deal_link a img{ max-width: 100%;}
    #deal_container .deal_left{ padding-left: 2%; padding-right: 2%; width: 15%;}
    #deal_container .deal_right{ width: 76%; margin: 0 2%;}
    .free_shipping_bar .wrapper{ width: 96%;}
    
    /* About */
    .become_sell.right_container p{ display: block; padding-right: 0; min-width: inherit;}
    .become_sell.right_container .general_information .inner_info{ padding: 10px;}    
    .become_sell.right_container .general_information .inner_info .loca{ padding-right: 0;}
    .become_sell.right_container.become-reseller-blk p{ display: inline-block; padding-right: 10px; min-width: 172px;}
    .become_sell.right_container .general_information{ margin-bottom: 30px;}
    
    .hs-form .hs-input, .hs-form textarea.hs-input{ padding: 4px 2%; width: 95% !important; box-sizing: inherit !important;}
    .become_sell #hsForm_af79aee2-ceb5-4167-a76b-a621d701aaee .hs_submit{ width: 100% !important;}
    .hs-form.stacked .actions{ margin-left: 0 !important; padding-left: 0 !important;}
    
    .main_inner .right_container textarea{ width: 95%; padding: 15px 2%;}
    
    /* Cart */
    .cart_wrap .cart_container ul li{ width: 130px;}    
    .cart_wrap .left_cart_bottom{ width: 49%; padding-left: 2%; padding-right: 1%;}
    .cart_wrap .right_cart_bottom{ width: 46%;}
    
    /* Member */
    .order_detail ul.title li{ width: 30%;}
    .order_detail ul.title li + li{ width: 67%; padding-left: 2%;}
    .order_detail ul.title{ padding: 0 2%;}
    .order_detail ul li .blk{ width: 30%; padding-left: 0;}
    .order_detail ul li .blk + .blk{ width: 69%; padding-left: 0;}
    .order_detail{ margin-top: 40px; margin-bottom: 40px;}
    
    /* Login */
    #register_box{ width: 96%; margin: 160px auto 0 0; left: 2%;}
    #register_box #content{ width: auto !important; padding: 20px 2%;}
    /*#register_box #box_left{ width: 48% !important;}*/
    #register_box .register, #register_box .login{ padding: 11px 2% 10px 17%; width: 80%;}
    #register_box #box_right input[type="text"], #register_box #box_right input[type="password"]{ width: 80%;}
    #register_box .fb a{ width: 49%; background-size: 100%;}
    #register_box .goo a{ width: 49%; background-size: 100%;}
    #register_box .check_logged{ width: 200px;}
    #register_box .check_box:checked{ width: 13px;}
    
    /* order-information */
    #contact_main.order_confirmation .left_chkout{ width: 30% !important; padding-right: 0;}
    #contact_main.order_confirmation .right_chkout{ width: 68% !important; padding-left: 1%;}
    
        
}
@media screen and (max-width: 767px)/* max-width 767px, Only for mobile device */{

    /* Mobile Menu */    
    .mobile_nav{ width:64%; float:right; padding:0; margin:0; display:block; position:relative; right:0; top:0; height:auto; background:none; z-index:0;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }    
    .mobile_nav li{ padding:0; margin:0; background:none; list-style:none; position: relative;}
    .mobile_nav li span{ font-size: 20px; padding: 25px 20px 10px 20px; display: block; color: #94ac60; text-transform: uppercase; }
    .mobile_nav li a{ font-size:14px; line-height:normal; color:#fef4ea; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding:7px 20px; text-transform:uppercase; font-weight: 400; border-bottom: #4c443e solid 1px;}
    .mobile_nav li a:hover{ color: #fef4ea;}
    .mobile_nav li a.current{ color:#fff !important; background:#4c443e; text-decoration: none;}
    .mobile_menu_icon{ display:block !important; }
    ul.sub_nav{ display:none; padding:10px 5px; background:#322920; max-height: 180px; overflow-y: scroll;}
    ul.sub_nav li a{ font-size:14px; padding:0 10px 0 25px; border-bottom: 1px solid #322920; color: #fff; text-transform: none; letter-spacing: 0; line-height: 26px;}     
    ul.sub_nav li a.current{ background: #dfbb02;}
    ul.sub_nav li a:hover{  color: #fff;}
    ul.sub_nav li a span{ padding: 0 0 2px; margin: 0 0 2px; color: #726960; font-size: 16px; border-bottom: 1px solid #423930;}
    .mobile_nav li a.have_sub_menu{ /*background-image: url(/images/site/plus.png); background-position: 90% center; background-repeat: no-repeat;*/ position: relative; }
    .mobile_nav li a.have_sub_menu.active{ background: #322920; color: #a39c94;}
    .mobile_nav li em.level_1:after{ position: absolute; content: ''; width: 8px; height: 2px; left: 45%; top: 15px; background: #fef4ea;}
    .mobile_nav li em.level_1:before{ position: absolute; content: ''; width: 8px; height: 2px; left: 45%; top: 15px; background: #fef4ea; transform: translateY(0px) rotate(90deg); -moz-transform: translateY(0px) rotate(90deg); -webkit-transform: translateY(0px) rotate(90deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile_nav li em.level_1.active:before{ transform: translateY(0px) rotate(0deg); -moz-transform: translateY(0px) rotate(0deg); -webkit-transform: translateY(0px) rotate(0deg); opacity: 0;}
    .mobile_nav li em.level_1.active{ /*background-image: url(/images/site/minus.png);*/}
    .mobile_menu_icon{ display:none;}
    .mobile_menu_block{ display: block; padding: 5px 0 0 0; position: relative; z-index: 99;}
    .mobile_menu{ position:relative; width:100%; z-index:9;}       
    .mobile_nav li.links_top{ background: #322920; padding: 10px 0;}
    .mobile_nav li.links_top a{ text-transform: none; border: none; padding: 5px 20px;}    
    .mobile_menu_icon span {position: absolute; top: 50%; left: 22px; display: block; padding: 0; width: 16px; height: 2px; background-color: #748c40; font-size: 0px; -webkit-touch-callout: none;
        -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
    .mobile_menu_icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #748c40; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 0;}
    .mobile_menu_icon span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #748c40; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 0;}
    .mobile_menu_icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
    .mobile_menu_icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%);}
    .mobile_menu_icon.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
    .mobile_menu_icon.active span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); background: #000;}
    .mobile_menu_icon.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: 0; background: #000;}
    #main-container{ position: absolute; left: 0; top:0; width: 100%; -webkit-box-shadow: 0.5em 0 0.5em 0.25em rgba(0, 0, 0, 0.25); -moz-box-shadow: 0.5em 0 0.5em 0.25em rgba(0, 0, 0, 0.25); box-shadow: 0.5em 0 0.5em 0.25em rgba(0, 0, 0, 0.25); /*overflow: hidden;*/ z-index: 2;  background: #fff; height: auto;}
    .mobile_nav li em{ position: absolute; right: 4%; display: block; width: 40px; height: 27px; top: 0; z-index: 99;}
    .mobile_nav li.reg_church{ background: #8aab38;}
    .mobile_nav li.reg_church a{ padding: 10px 20px;}

    /* Home */
    body{ min-width: inherit; background: #3c342e;}
    .wrapper{ width: 92%;}    
    header .lower_head ul li a{ font-size: 14px; letter-spacing: 1px;}
    .slider_block{ width: 100%; margin: 0 auto; left: 0; position: relative; height: auto;}
    #banner .prev{ left: 0;}
    #banner .next{ right: 0;}
    .deal_right{ margin-left: 0;}
    #book_slider .owl-prev{ left: -3%;}
    #book_slider .owl-next{ right: -3%;}
    #book_slider{ width: 96%; margin: 0 auto;}
    .home_lower .blk{ padding: 15px 10px; width: 268px;}
    .home_lower .blk .blk_inner{ padding: 15px 4%; width: 91%; height: auto;}
    .home_lower .blk .blk_inner .blk_img img{ max-width: 100%;}
    .home_lower .wrapper{ padding-left: 0; text-align: center;}
    .auther_spot .spot_img{ left: 0; width: 100%; position: relative; display: inline-block; vertical-align: top;}
    .auther_spot .spot_content{ width: 100%; padding-right: 0; float: none; padding-top: 0;}
    .auther_spot .spot_content .ml35{ margin-left: 0;}
    footer .bottom_footer .social_block{ width: 100%; margin-bottom: 10px; text-align: center;}
    header .lower_head ul li.has_menu .books_dd{ width: 735px;}
    .books_dd .left_content{ width: 68%;}
    .books_dd .right_content{ width: 30%;}
    .books_dd .right_content .dd_img{ width: 100%;}
    .books_dd .right_content .dd_img img{ max-width: 100%; text-align: center;}
    .books_dd .left_content ul{ margin: 0 0 0 4%; width: 29%;}
    .auther_spot{ height: auto;}
    footer .copyright{ margin-top: 0; height: auto; text-align: center; padding-bottom: 10px;}
    footer .bottom_footer label{ padding-right: 0;}
    header .lower_head ul{ display: none;}
    .home_slider li {
            padding-top: 130px;
    background-size: contain !important;
    }
    .home_slider li .slide_img{ max-width: 100%;}
    .slide_img img{ max-width: 100%; display: block;}
    .slidecaption{ position: relative; width: 100%; background: #6C645E; min-height: inherit; padding: 20px 0 20px;}
    .slidecaption .inner_caption{ padding: 20px 0 0;}
    .home_slider{ height: auto;}
    .slidecaption h2{ font-size: 30px; line-height: 33px;}
    .slidecaption h2 span{ font-size: 20px; line-height: normal;}
    .slidecaption p{ padding-bottom: 5px;}
    .slidecaption a{ margin-bottom: 0; min-width: 120px;}
    .slidecaption a:hover{ background: #e8d231;}
    header .upper_head .brand{ width: 120px; margin-left: 0; height: 44px; top: 40px; left: 4%; background: url(png/mobile_logo.png) 0 0 no-repeat;}
    header .upper_head .brand img{ max-width: 100%; display: none;}
    header .upper_head .search_blk{ width: 66%; padding-left: 4%; padding-right: 2%; padding-top: 3px;}
    header .upper_head .search_blk input[type="text"]{ width: 75%;}
    header .upper_head .right_links{ width: 26%;}
    header .upper_head .search_blk input[type="submit"]{ float: right;}
    header .wrapper{ width: 100%;}
    header .upper_head .right_links a{ margin: 0 4% 0 0; }
    header .upper_head .right_links a.login_btn{ display: none;}
    .title_top{ width: 290px; background-size: 100% auto; height: 37px; font-size: 16px; line-height: 33px;}
    .home_lower{ height: auto;}
    #full_wrapper{ margin: 0 auto 0;}
    footer{ height: auto; background: #32312B; margin-top: 30px;}
    footer .top_footer{ height: auto; width: 100%; background: #1d1d1c; padding: 5px 0;}
    footer .bottom_footer .left_links{ width: 100%; padding-bottom: 20px; text-align: center;}
    footer .email_sub{ width: 100%;}
    .push{ display: none;}
    footer .top_footer ul li{ padding: 5px; width: auto; min-width: 160px;}        
    .auther_spot .spot_content a{ margin-top: 0;}
    .auther_spot .spot_content a.read_more{ font-size: 14px; min-width: 110px;}
    footer .copyright a{ float: none;}
    footer .copyright p{ display: block; padding-bottom: 10px;}
    footer .bottom_footer{ padding: 20px 0;}
    footer .email_sub #subscribe{ position: relative;}
    footer .email_sub form#subscribe input[type="button"]{position: absolute;right: 0;bottom: 0;padding: 5px 10px;top: 0;border-radius: 0;font-size: 14px;letter-spacing: 0.035em;}
    footer .email_sub form#subscribe input[type="button"]:hover{ background: #a5c94b; color: #000;}
    footer .email_sub input[type="email"]{ padding: 10px 2%; width: 96%;font-size: 14px;font-weight: 700;letter-spacing:.035em;color:#000;background-color:#FFF;}
    footer .email_sub input[type="email"]::-webkit-input-placeholder{color:#000;text-transform:uppercase;}
    footer .email_sub input[type="email"]:-ms-input-placeholder{color:#000;text-transform:uppercase;}
    footer .bottom_footer .left_links ul li{ width: 100%;font-size: 14px;font-weight: 700;margin:0 0 10px 0;}
    footer a.back_top{ top: 150px !important;}    
    header .upper_head .right_links a.spl{ display: none;}
    footer .top_footer ul li a{ font-size: 14px; display: block;}
    #register_box_container{ background: rgba(50, 50, 50, 0.9);}

    /* books */    
    #categoy_list .left_container{ padding-right: 0; width: 100%;}
    #categoy_list .right_container{ width: 100%;}
    #book_land_slider ul{ width: 100%; display: inline-block; vertical-align: top;}
    #book_land_slider ul li{ width: 270px; float: none !important; margin: 0 auto;}
    #book_land_slider ul li img{ width: 94%;} 
    #book_land_slider{ height: auto; padding-bottom: 20px;}
    #books_landing .deal_right{ width: 100%; padding: 0;}
    #categoy_list .right_container .deal_right{ padding-bottom: 20px; margin-bottom: 20px;}
    .main_inner{ padding-top: 30px;}
    #slide_container2.slid2{ top: -380px;}
    #book_land_slider .auther_slider_wrapper{ height: 100%;}
    #book_land_slider .prev, #book_land_slider .next{ top: 80px;}    
    .bottom_bradcrum ul li{ padding-left: 3px;}
    #books_detail_endorsements #left_container{ width: 100%;} 
    #books_detail_endorsements #right_container{ width: 100%;}
    .left_book_sec{ width: 42%; margin-right: 4%;}
    .right_book_sec{ width: 52%;}
    .comment_sec .left_sec{ width: 19%;}
    .comment_sec .right_sec{ width: 80%;}
    .write_blk .left_comment{ width: 57%;}
    .write_blk .right_comment{ width: 41%; margin-left: 1%;}
    .write_blk .left_comment textarea{ width: 95%; padding: 3px 2%;}
    .write_blk .right_comment label{ margin-bottom: 3px;}
    .write_blk .right_comment input[type="text"]{ padding: 0 0 0 2%; width: 97%; height: 33px;}
    #endorsements_main_blk .home_trading{ width: 100%;}
    #reviews_sec.reviews_sec.active{ margin-left: 0;}
    .home_trading .tab_btn::after, .home_trading .tab_btn::before{ left: 0;}
    .home_trading .tab_btn::before{ right: 0; left: auto;}
    .meet_author{ margin: 0 0 20px;}
    .bottom_bradcrum ul li a{ letter-spacing: 0; display: inline-block; vertical-align: top; font-size: 12px;}    
    .deal_right{ width: 100%; text-align: center;}
    .deal_right .item{ max-width: 145px;}
    #categoy_list .right_container h1{ width: 100%;}
    #categoy_list .view_icons{ width: 100%; padding-right: 0;}
    .pagination{ padding-top: 0;}    
    #categoy_list .right_container .deal_right.list_view .book_img{ width: 120px; margin-right: 0; margin-bottom: 20px;}
    #categoy_list .right_container .deal_right.list_view .book_text{ width: 100%; padding-right: 0;}
    #categoy_list .right_container .deal_right.list_view .book_text a{ padding-top: 0;}
    #categoy_list .right_container .deal_right.list_view .item{ text-align: center; padding: 0;}
    #categoy_list hr{ margin-bottom: 10px; margin-top: 10px;}
    #categoy_list .right_container .deal_right .item:hover .book_img::before, #categoy_list .right_container .deal_right .item:hover .book_img::after{ display: none;}
    .home_trading .pos_rel.single_tab .tab_btn::after, .home_trading .pos_rel.single_tab .tab_btn::before{ width: 100%;}
    #item_add_popup .inner_content{ width: 84%; padding: 10px 4%; top: 20%;}
    #item_add_popup .checkout_btn{ padding: 5px 10px; font-size: 13px; min-width: 95px;}
    #item_add_popup .continue_btn{ font-size: 12px; line-height: 30px; display: block; min-width: 140px;}
    #item_add_popup .content{ width: 100%;}
    #item_add_popup h4{ font-size: 16px; padding-bottom: 20px; padding-right: 30px}
    #item_add_popup .left_img{ width: 30%; margin-right: 2%; box-shadow: none;}
    #item_add_popup .left_img img{ box-shadow: 0 4px 8px 1px #999999; -moz-box-shadow: 0 4px 8px 1px #999999; -webkit-box-shadow: 0 4px 8px 1px #999999; }
    #item_add_popup .right_txt{ width: 65%;}

    /* member */
    #contact_main .left_chkout{ padding-right: 0; width: 100%;}
    .right_chkout{ width: 100%; padding-top: 30px;}
    #contact_main{ padding: 30px 0;}
    #contact_main.register_church .right_chkout h4{ padding-top: 0 !important;}
    #contact_main .left_container label{ float: none; width: 100%;}
    #contact_main .left_chkout .left_container .dform_container{ width: 100%;}
    #contact_main .left_chkout .left_container{ width: 100%; padding-right: 0; margin-bottom: 0;}
    #contact_main .left_chkout .left_container input[type="text"], #contact_main .left_chkout .left_container input[type="email"]{ width: 95%; padding: 3px 2%;}
    #contact_main.register_church .right_chkout input[type="text"], #contact_main.register_church .right_chkout input[type="email"], #contact_main.register_church .right_chkout input[type="password"], #contact_main.register_church .left_container input[type="password"]{ width: 95% !important; padding: 3px 2%;}
    #contact_main .left_container .dform_element{ padding-bottom: 15px;}
    #contact_main .left_chkout .left_container select{ width: 100%;}

    /* author */
    #auth_sldr_outer ul.auther_slider{ display: inline-block; vertical-align: top; height: auto; width: 100%;}
    #auth_sldr_outer ul.auther_slider li{ height: auto;}
    #auth_sldr_outer .slide_inr h3{ font-size: 18px;}
    #auth_sldr_outer .slide_inr h2{ font-size: 30px; padding-bottom: 5px; line-height: 40px;}
    #auther_landing .name_pagination ul{ padding-left: 0; padding-bottom: 10px; padding-top: 0;}
    #auther_landing .name_pagination ul li{ margin-right: 5px;}
    #auther_landing .name_pagination ul li a{ font-size: 14px;}
    #auther_landing .name_pagination .search_box{ width: 190px; float: none;}
    #auther_landing .name_pagination .search_box input[type="text"]{ width: 128px;}
    #auther_landing .name_pagination .search_box input[type="submit"]{ float: right;}
    #auther_landing .auth_container .auth_blk{ width: 185px; margin: 0 5px 20px 5px !important; min-height: inherit; padding: 10px;}
    #auther_landing .auth_container .auth_blk span{ font-size: 14px; letter-spacing: 2px;}
    #auth_sldr_outer ul.auther_slider li .slider_img{ width: 100%;}
    #auth_sldr_outer ul.auther_slider li .slider_img img{ display: block;}
    #auth_sldr_outer ul.auther_slider li .slider_content{ width: 100%; height: auto !important;}
    #auther_landing .name_pagination{ height: auto; border-bottom: #cac498 solid 1px; border-top: #cac498 solid 1px; background: none; padding-bottom: 10px;}
    #auther_landing .auth_container{ text-align: center;}
    #auther_landing{ padding-bottom: 30px;}
    #auth_sldr_outer .slide_inr{ width: 92%;}
    #auth_sldr_outer .slide_inr::after{ width: 100%;}
    .yellow_btn:hover{ background: #e8d231 !important; color: #000 !important;}
    #auther_landing .main_inner{ padding-top: 30px;}
    #auther_landing .name_pagination{ text-align: center;}
    #auther_landing .page_number{ width: 120px;}
    #auther_landing .page_number p{ padding-right: 10px; padding-left: 10px;}    
    #auther_page .auther_spot .spot_content{ margin-top: 20px !important; padding-bottom: 20px; width: 100%;}
    #auther_page .auther_spot .spot_content ul.social_icon{ padding-top: 0;}
    #auther_page .auther_spot .spot_content .ml35{ margin-left: 4%; margin-right: 4%; width: 92%; max-width: 100%;}
    .auth_lower .wrapper{ padding-left: 0; text-align: center;}
    .auth_lower .blk_inner{ width: 270px; padding: 10px; margin-right: 5px; margin-left: 5px; margin-bottom: 20px;}
    .auth_lower .blk_inner a{ font-size: 16px; letter-spacing: 2px;}
    #auther_page .auther_spot .spot_img{ width: 100%;}
    .auth_lower h2{ font-size: 20px; letter-spacing: 0; padding-bottom: 10px;}
    .auther_spot .spot_content h1{ font-size: 20px; letter-spacing: 2px;}
    #book_slider .item a.book_img{ height: auto;}
    #book_slider .item a.book_img img{ vertical-align: top;}
    .become-reseller-blk.right_container p a{ display: block;}
    .yellow_btn{ min-width: 110px;}
    .auther_spot .spot_content a.back{ min-width: 100px;}

    /* Blog */
    .main_inner .left_container{ width: 100%; padding-right: 0; margin-bottom: 20px;}
    .main_inner .left_container .sign_up{ left: 0; width: 92%; padding-left: 4%; padding-right: 4%; position: relative;}
    .main_inner .left_container .sign_up input[type="email"]{ width: 96%; padding: 4px 2%;}
    #latest_blog{ width: 100%;}
    #latest_blog .blog_blk .blog_img{ width: 100%; margin-right: 0;}
    #latest_blog .blog_blk .blog_content{ width: 100%;}
    .main_inner .left_container .sign_up #subscribe_blog .subscriber_button{ position: absolute; right: 4%; bottom: 16px;}
    .main_inner .left_container .sign_up #subscribe_connect .subscriber_button{ position: absolute; right: 4%; bottom: 16px;}
    .main_inner .left_container .sign_up #subscribe_blog .subscriber_button:hover{ background: #a5c94b; color: #000;}
    #latest_blog .blog_blk .other_detail{ padding-top: 5px;}
    #latest_blog .blog_blk .blog_content a.title{ font-size: 16px; line-height: 24px; display: block;}
    a.read_more:hover, input.read_more:hover{ background: #54584a;}
    #latest_blog .blog_blk .blog_content a.read_more{ margin-top: 0; min-width: 110px;}    
    .main_inner .right_container{ width: 100%;}
    #connect_detail .bot_colm .colm_txt{ padding-left: 0; width: 100%; margin-top: 20px;}
    #connect_detail .bot_colm{ text-align: center;}
    .comment_block{ padding-left: 0;}
    input[type="text"], input[type="password"], input[type="email"], textarea{ padding: 3px 2%; width: 95%;}
    .cmt_frm .row textarea{ width: 95%;}
    .main_inner .right_container textarea{ padding: 15px 2%;}
    .main_inner .right_container input.read_more{ margin-top: 0;}

    /* deals */
    #deal_sldr_outer .deal_banner{ width: 92%; display: inline-block; vertical-align: top;}
    #deal_sldr_outer ul.deal_banner li img{ max-width: 100%; display: block;}
    #deal_sldr_outer{ height: auto; padding-bottom: 10px; text-align: center; padding-top: 20px;}
    .mid_deal_link a{ width: 47%; margin: 0 1%;}
    .mid_deal_link a img{ max-width: 100%;}
    #deal_container .deal_left{ padding-left: 4%; padding-right: 4%; width: 92%; height: auto; padding-top: 10px; padding-bottom: 10px;}
    #deal_container .deal_right{ width: 100%; margin: 0;}
    .free_shipping_bar .wrapper{ width: 96%;}
    #deal_container .deal_left h3{ font-size: 20px; padding: 0; line-height: normal;}
    #deal_container div.read_more{ margin-top: 10px; background: #000;}
    #deal_container .deal_left h4{ font-size: 16px;}
    #deal_container{ padding-top: 20px; padding-bottom: 20px;}
    #deal_container .deal_book .owl-prev{ left: 0;}
    #deal_container .deal_book .owl-next{ right: 0;}

    /* About */
    .become_sell.right_container p{ display: block; padding-right: 0; min-width: inherit;}
    .become_sell.right_container.become-reseller-blk p{ display: inline-block; padding-right: 5px; min-width: inherit;}
    .become_sell.right_container .general_information{ margin-bottom: 30px;}
    .become_sell.right_container .general_information .top_title{ height: auto;}
    .become_sell.right_container .general_information .top_title p{ padding: 10px 0; font-size: 16px; line-height: normal;}
    .become_sell.right_container .general_information .inner_info .loca{ margin-bottom: 5px;}    
    .main_inner h1{ font-size: 20px;}
    .become_sell.right_container hr{ margin-top: 10px; margin-bottom: 20px;}
    .main_inner .left_container ul{ margin-bottom: 0;}
    .become_sell.right_container h3{ font-size: 16px; letter-spacing: 1; line-height: 24px;}    
    .become_sell.right_container table{ width: 100%; text-align: center;}
    .become_sell.right_container table tr td{ text-align: center; /*max-width: 250px;*/ display: inline-block; vertical-align: top;}
    .become_sell.right_container table tr td img{ margin-right: 0;}    
    .hs-form .hs-input, .hs-form textarea.hs-input{ padding: 4px 2%; width: 95% !important; box-sizing: inherit !important; max-width: inherit !important;}
    .become_sell #hsForm_af79aee2-ceb5-4167-a76b-a621d701aaee .hs_submit{ width: 100% !important;}
    .hs-form.stacked .actions{ margin-left: 0 !important; padding-left: 0 !important; margin-top: 0; padding: 0;}
    .become_sell #hsForm_af79aee2-ceb5-4167-a76b-a621d701aaee.hs-form .hs-button:hover{ background: #54584a !important;}    
    .main_inner .right_container textarea{ width: 95%; padding: 15px 2%; margin-bottom: 10px;}
    .main_inner .left_container h3{ font-size: 16px; padding-bottom: 5px;}

    /* Cart */
    .cart_wrap .cart_container ul li{ width: 260px;margin: 5px 0;}    
    .cart_wrap .cart_container ul li .blk .blk_img{ margin-right: 10px;}
    .cart_wrap .left_cart_bottom{ width: 100%; padding-left: 0; padding-right: 0;}
    .cart_wrap .right_cart_bottom{ width: 360px;}
    .cart_wrap .cart_container{ overflow-x: scroll;}
    .cart_wrap .cart_container ul{width: 100%;display: flex;flex-direction: column;}
    .cart_wrap .cart_container ul li .blk .blk_txt{ width: 150px;}
    .cart_wrap .cart_container ul li + li + li + li{ width: 80px;}

    /* Member */
    .order_detail{ overflow-x: scroll;}    
    .order_detail ul.title{ width: 960px;}
    .order_detail ul{ width: 960px}    
    .order_detail{ margin-top: 40px; margin-bottom: 40px;}
    .change_password{ width: 100%;}

    /* Change password */
    .change_password .line_container{ width: 100%; margin-top: 0 !important;}
    .change_password .line_container input[type="password"], .change_password .line_container input[type="email"], .change_password .line_container input[type="text"]{ width: 95%;}
    .change_password .line_container input[type="submit"], .change_password .line_container input[type="reset"]{ margin-bottom: 10px !important; margin-right: 5px !important; min-width: 160px; font-size: 14px; margin-top: 5px !important;}
    .change_password .line_container input[type="submit"]:hover{ background: #86a23e;}
    .change_password .line_container input[type="reset"]:hover{ background: #bebdbd;}

    /* Search */
    .search_block .search_content{ width: 100%;}
    .search_block{ padding-bottom: 20px;}

    /* Login */
    #register_box{ width: 92%; margin: 20px auto 0 0; left: 4%; position: absolute; height: 260px; overflow-y: scroll;}
    #register_box #content{ width: auto !important; padding: 20px 4%;}
    #register_box #box_left{ width: 100% !important; float: none;}
    #register_box #box_right{ width: 100%; float: none;max-width: 300px}
    #register_box #box_right .btn_login{width: 92%;height: 40px;margin: 18px auto 0 !important;font-size: 15px !important;}
    #register_box .register, #register_box .login{font-size: 12px;padding: 11px 2% 10px 19%;width: 70%;}
    #register_box .social{ height: auto;}
    /*  #register_box .goo a{ float: none; display: inline-block; vertical-align: top;}*/
    #register_box #box_right .check_logged{margin:13px auto 5px !important;display: block;width: 72%;}
    #register_box #login{ font-size: 14px;}
    #register_box #box_left .res_wrap{width: 90%;}
    #register_box .btn_register{ float: none;}
    #register_box #box_left .label_container li{width: 100%;}
    #register_box #box_left #login{padding-top: 25px;}
    #register_box .btn_register{width: 92% !important;height: 40px !important;font-size: 15px !important;}

    #sign_up_pop{width: 294px;height: 225px;overflow-y: scroll;}
    #sign_up_pop .yellow_btn{margin-bottom: 20px;}

    /* order-information */
    #contact_main.order_confirmation .left_chkout{ width: 100% !important; padding-right: 0;}
    #contact_main.order_confirmation .right_chkout{ width: 100% !important; padding-left: 0;}
    .right_chkout .total_cart{ padding: 0 0 20px 5px;}
    .right_chkout ul li, .right_chkout ul li.clo1{ padding-right: 2%;}
    #contact_main.order_confirmation .right_chkout ul li{ width: 24% !important;} 
    #contact_main.order_confirmation .right_chkout ul li + li{ width: 10% !important; padding-right: 2%;}
    #contact_main.order_confirmation .right_chkout ul li + li + li{ width: 10% !important;}
    #contact_main.order_confirmation .right_chkout ul li + li + li + li{ width: 10% !important; padding-right: 2%;}
    #contact_main.order_confirmation .right_chkout ul li + li + li + li + li{ width: 10% !important; padding-right: 2%;}
    #contact_main.order_confirmation .right_chkout ul li + li + li + li + li + li{ width: 25% !important;}

    #latest_blog .blog_blk .other_detail a{ display: block; }
    #latest_blog .blog_blk .other_detail p{ display: block;}
    footer .copyright p span{ display: inline-block; vertical-align: top;}
    
    .main_inner .left_container .devotional_left a{ min-width: 65px;}
    .cart_wrap .continue_btn, #contact_main .continue_btn{ min-width: 180px;}

}

@media screen and (max-width: 480px)/* max-width 480px, Only for mobile device */{
    
    .left_book_sec{ width: 100%; margin-right: 0;}
    .right_book_sec{ width: 100%;}
    .write_blk .left_comment{ width: 100%;}
    .write_blk .right_comment{ width: 100%; margin-left: 0;}
    .left_book_sec .product_img{ text-align: left;}
    .left_book_sec .product_img a{ display: block;}
    
    /* books */
    .meet_author .author_img{ float: none; margin-right: 0;}
    
    /* Deal */
    .mid_deal_link a{ width: 100%; margin: 0 0 10px 0;}
    
    /* About */
    .main_inner .right_container p.align_right img{ display: block; float: none; margin-left: 0; margin-bottom: 10px;}
    .become_sell.right_container p img{ float: none !important; margin-left: 0 !important; display: block;}
    .become_sell.right_container.become-reseller-blk p{ display: block; padding-right: 0;}  
    .become_sell.right_container.become-reseller-blk p img{ float: left !important;}
    .become_sell.right_container .general_information{ margin-bottom: 20px; margin-top: 20px;}
}