@charset "utf-8";
/* CSS Document */

@media (min-width:310px) and (max-width:767px) {
	
	
.change_menu{
	float: left;
	padding-left: 66px;
}	
.pro_bx ul{ margin:0; padding:0;float:left; display:inline-block; overflow-y:scroll; height:350px; }

.pro_bx ul li{ font-size:16px; color:#323c46; width:97%; float:left; box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2); list-style:none; 
	padding:15px 15px; margin-bottom:30px; cursor:pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out; height:200px; 
	margin-right: 0%;
	margin-left:0;}
	
.pro_bx ul li:hover{  width:97%; padding:15px 15px 15px 15px; 
transform:none;margin-right: 0%;
margin-left: 0%; }	
	
.product_bx {
    padding: 60px 0px 20px 0px;
}
	
.menu_icon a {
    margin: 0 0 0 9px;
}	
.tool_menu ul li a::after {
    display:none;
}

.header .navbar-brand img {
	display: block;
	width: 188px;
}
.header {
	height: auto;
}
.header .navbar-brand {
	float: left;
	height: 50px;
	padding: 20px 15px;
	font-size: 18px;
	line-height: 20px;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #222;
}
.pro_bximg {
	width: 200px;
	height: 251px;
	margin: 0 auto;
	display: table;
}
.or:before {
	display: none;
}
.or:after {
	display: none;
}
}


@media screen and (min-width:320px) and (max-width : 767px)
{
.shirt_price > h3 {
    margin-bottom: 0;
    margin-top: 0;
}
.menu_home_hide ul.dropdown-menu {
	left: 28px;
}
.nxt_sec {
    display: table;
    margin: 10px auto 10px;
}	
	
	
 .slider_show {
    background-image: url("../img/left_menu/modal.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 149%;
    height: 100vh;
}   
.left_fab {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    left: -2000px;
    margin-bottom:0px;
    height: 100%;
    margin-left: 0;
    overflow: hidden;
    padding-left: 32px;
    padding-top: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
    .list_fab_box {
    float: left;
    margin: 0 5px 20px 0;
    position: relative;
    width: 135px;
}
    .left_fab > h3 {
    border-bottom: 1px solid #ddd;
    display: inline;
    font-size: 20px;
    font-weight: 400;
    line-height: 49px;
    margin-top: 0;
    text-transform: uppercase;
}
    .arr_list {
    cursor: pointer;
    float: right;
    overflow: visible;
    position: relative;
    right: 32px;
}
    
.left_side_menu.fab_side.lft_dec_box {
    border-right: 1px solid #ddd;
    position: fixed;
    top: 50px;
    width: 73px;
}
    .left_fab.left_swipe_res {
    left: 0;
}    
    
    
    .op_icon {
    float: left;
    width: 57px;
}
    .tool_menu.measure_menu ul {
    display: block;
    margin: 0 auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}
    
    .options_list.tags {
    display: none;
}
    
.top_logo a {
    float: left;
    margin: 0 15px 0 7px;
    width: 22px;
}
  .logo_style img {
    width: 150px;
    margin-left: 20px;
}
.right_style.res_right_sty{right: 0; overflow-y:scroll;}  
.tool_menu ul li.active a::after { display: none;}
.tool_menu ul {
    display: block;
margin: 0 auto;
overflow-x: scroll;
white-space: nowrap;
width: 140px;
height: 63px;
}
    .tool_menu ul li {
    margin: 0 0 0 3px;
}
    .left_side_menu.lft_dec_box {
    border-right: 1px solid #ddd;
    width: 73px;margin-bottom: 0;

}
    
.right_style {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    right: -3000px;
    top: 0;
    transition: right 0.6s ease 0s;
    width: 100%;
    z-index: 1000;
}
.next_icon {
	width: 100%;
position: relative;
left: 0;
bottom: 10px;

}
.zoom_icon {
    display: inline-block;
    margin: 0 50px;
    cursor: pointer;
}

.fab_icon {
    display: inline-block;
    margin: 0 50px;
	 cursor: pointer;
}

.form_box {
    margin-top: 0px;
    text-align: center;
}
.fabViewSide {
    display: table;
    margin: 10px auto;
}
.form_box h3 {
    font-size: 16px;
    color: #1e2832;
    margin:10px 0;
}
    
.center_modal {
    background-color: #fff;
    bottom: 0;
    left: 74px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top:60px;
    width: 80%;
}
    .tool_menu ul li a {
    color: #646464;
    font-size: 10px;
    position: relative;
    text-transform: uppercase;
}
    .slider_show img {
    max-width: 100%;
    width: auto;
}
    
.left_optn {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: -3000px;
    overflow-y: hidden;
    padding-bottom: 50px;
    padding-top: 20px;
    position: fixed;
    top: 0;
    transition: left 0.6s ease 0s;
    width: 100%;
    z-index: 999999;
}
    
.left_optn.res_side_div {
    left:0px;
}
    
    .left_side_menu {
    background-color: #fff;
    bottom: 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: absolute;
    top: 90px;
    transition: width 0.3s ease 0s;
    width: 350px;
    z-index: 0;
}
    
  /*  .menu_home_hide ul {
    display: block;
    margin: 0 auto;
}*/
    
    .menu_home_hide ul li {
    display: block;
    padding: 0 20px;
}
    .menu_icon {
    float: left;
    }
    
    .hide_menu {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: -105%;
    transition: top 0.5s ease 0s;
   /* z-index: 2;top: -800px;*/ z-index: 9999;
}
    
    .rght_sty img {
    float: right;
    position: relative;
    right: 15px;
    top: 15px;
    width: 50%;
        
}
    .rght_sty {
    float: right;
    cursor: pointer;
}
    .box_size_sec {
    float: left;
    width: 50%;
}
   .hide_menu  .top_logo {
    float: right;
}
    .fab_det h3 {
    font-size: 16px;
    text-transform: uppercase;
}
    .fab_det {
    background: #fff none repeat scroll 0 0;
    height: 122px;
    left: 10px;
    padding: 5px 19px;
    position: absolute;
    top: 11px;
    width: 91%;
}
    .suit_prof.full_addons {
    border: 1px solid #ddd;
    float: left;
    height: auto;
    margin-bottom: 20px;
    margin-right: 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
    .suit_cont {
    margin-top: 14px;
    overflow: hidden;
    width: 100%;
}
    .suit_cont > h3 {
    color: #1f8cc5;
    font-size: 18px;
    margin-top: 0;
}
    .suit_cont p {
    color: #323c46;
    font-size: 14px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
    .editing_file {
    float: left;
    margin-bottom: 20px;
    margin-right: 49px;
    margin-top: 10px;
}
    .order_hour.tool_amnt {
    float: left;
}
    .shipping_det .select {
    float: left;
    margin-right: 18px;
    width: 100%;
}
    .amount_head {
    float: left;
    margin-right: 14px;
    width: 33%;
}
    .cart {
    float: none;
}
    .btn_save_cart {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: table;
    font-size: 16px;
    margin: 9px auto;
    padding: 12px 16px;
    text-transform: uppercase;
}
    .btn_save_cnt_shipp {
    background: #1f8cc5 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: 600;
    margin: 5px auto 20px;
    padding: 12px 32px;
    text-transform: uppercase;
}
}

@media screen and (min-width:768px) and (max-width : 1024px) 
{
 .slider_show {
    background-image: url("../img/left_menu/modal.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 96%;
    height: 100vh;
}
    .list_fab_box {
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
    width: 100%;
}
.center_modal {
    background-color: #fff;
    bottom: 0;
    float: left;
    left: 285px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50px;
    width: 373px;
}
    .slider_show > img {
    display: table;
    margin: 0 auto;
    width: 100%;
}
    .left_side_menu {
    background-color: #fff;
    bottom: 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: absolute;
    top: 90px;
    transition: width 0.3s ease 0s;
    width: 33%;
    z-index: 99999;
}
.left_style {
    background: #fff none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    width: 52%;
}
    .right_style {
    position: absolute;
    right: 10px;
    width: 20%;
    z-index: 1000;
}
    .tool_menu ul li {
    margin: 0 0 0 33px;
}
    .hide_menu {
    left: 0;
    position: absolute;
    right: 0;
    top: -194px;
    transition: top 0.5s ease 0s;
}
    .menu_icon a {
    margin: 0 0 0 13px;
}
.menu_home_hide ul li a {
    color: #646464;
    font-size: 14px;
    padding: 0 1px;
    text-transform: uppercase;
}
    .menu_home_hide ul li {
    padding: 0 9px;
}
.left_optn.move_left {
    left: 80px;
}
.left_optn {
    left: -320px;
    overflow-y: hidden;
    padding-bottom: 50px;
    position: absolute;
    top: 90px;
    transition: left 0.6s ease 0s;
    width: 247px;
}
.box_size_sec {
    float: left;
    width: 48%;
}
.optn_fit .box_size_sec {
    float: left;
    width: 48%;
}
    .arr_list {
        display: none;
    }
        .tool_menu.measure_menu ul {
    display: block;
    margin: 0 auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}
    .measure_box h4 {
    color: #1f8cc5;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.suit_cont {
    overflow: hidden;
    width: 55%;
}
    .suit_prof.full_addons {
    border: 1px solid #ddd;
    float: left;
    height: 170px;
    margin-right: 30px;
    overflow: hidden;
    padding: 0;
    width: 40%;
}
    .shirt_cont {
    float: none;
    margin-right: 10%;
}
    .amount_det h3 {
    color: #323c46;
    font-size: 19px;
    font-weight: 400;
}
    .suit_cont p {
    color: #323c46;
    font-size: 12px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
    .suit_cont > h3 {
    color: #1f8cc5;
    font-size: 17px;
    margin-top: 0;
}
    .order_hour.tool_amnt {
    float: left;
}
    .amount_head {
    float: left;
    margin-right: 14px;
    width: 15%;
}
    .btn_save_cnt_shipp {
    background: #1f8cc5 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 8px;
    text-transform: uppercase;
}
    .btn_save_cart {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 28px;
    padding: 12px 13px;
    text-transform: uppercase;
}
        
.fabViewSide {
    display: table;
    margin: 32px 33px;
}
    .left_side_menu {
    background-color: #fff;
    bottom: 0;
    margin-bottom: 30px;
    overflow: hidden;
    position: absolute;
    top: 90px;
    transition: width 0.3s ease 0s;
    width: 27%;
    z-index: 99;
}
    .op_icon {
    float: left;
    width: 60px;
}
    .accent_tab .op_title {
    color: #323c46;
    float: left;
    font-size: 14px;
    line-height: 31px;
    min-width: 143px;
    overflow: hidden;
    text-transform: uppercase;
}
}


@media screen and (min-width:1500px) and (max-width : 2000px) 
{



.center_modal.in_fab {
    background-color: #fff;
    bottom: 0;
    left: 400px;
    overflow: hidden;
    position: absolute;
    right: 220px;
    top: 50px;
    width: 1000px;
}
    
    .center_modal {
    background-color: #fff;
    bottom: 0;
    left: 583px;
    overflow: hidden;
    position: absolute;
    right: 220px;
    top: 50px;
    width: 600px;
}
    .menu_home_hide ul {
    display: block;
    margin: 0 auto;
}
}

@media screen and (min-width:768px) and (max-width : 1024px) {
.left_side_menu{top: 50px;}
.top_logo{display: inline-block; width: 50%;}
.top_logo.change_icon{width: 10%;}
.left_side_menu{width: 83px;}
.center_modal.in_fab{background-color: #fff;
bottom: 0;
float: left;
left: 285px;
overflow: hidden;
position: absolute;
right: 0;
top: 50px;
width: 373px;}
}

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

.or_price {
    font-size: 20px;
}
.m_mar {
    border-bottom: 1px #dcdcdc solid;
    width: 100%;
    margin-top: 50px;

}

.p_rite{ float:left;}
.pro_bx ul{padding: 5px; height: 433px;}
.pro_bx ul li{margin-bottom: 20px;}
.or_price {  font-size: 15px; }
/*.center_modal{width: 100%;}*/
.change_menu{padding-left: 0;}
.top_head .col-xs-12{width: auto;}
.tool_menu ul{overflow-x: unset;}
.tool_menu ul li{margin: 0; padding:0;}
.top_head .head_left{width: 51%; position: unset;}
.top_head .head_ryt{width: 36%; padding: 0; z-index: 99;}
.resp_icon{float: none; padding-right: 0; position: absolute; right: 3px; cursor: pointer; z-index: 999;}
.tool_menu ul li a{font-size: 8px;}
.logo_style img{width: 130px; margin-left: 15px;}
.left_side_menu{top: 50px;}
.center_modal.in_fab{background-color: #fff;
bottom: 0;
left: 74px;
overflow: hidden;
position: absolute;
right: 0;
top: 60px;
width: 80%;}
.left_side_menu{border-right: 1px solid #ddd;
width: 73px;
margin-bottom: 0;}
.apply_shoe.box_size_sec{width: 62px;}
.op_icon {
    float: none;
    width: 100%;
}
}