#og-grid > .mix{
	display: none;
}

.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 0 0 3px 0;
	vertical-align: top;
	height: 250px;
    width: 300px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
    max-width: 100%;
    height: 250px;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #43464B;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background-color: rgba(242,242,242,.1);
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
    color: #ddd;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #fff;
}

.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 40px 0 10px;
	text-transform: capitalize;
}

.og-details p {
	font-weight: 400;
	font-size: inherit;
	line-height: 22px;
	color: inherit;
}

.og-details a {
	font-size: 16px;
	color: #999;
	text-transform: capitalize;
	padding: 10px 20px;
	border: 2px solid #999;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-details a::before {
	content: '\2192';
    display: inline-block;
    float: right;
    margin-left: 10px;
}

.og-details a:hover {
	border-color: #ddd;
	color: #ddd;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

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

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

@media screen and (max-width: 650px) {
    .og-fullimg { display: none; }.og-details { float: none; width: 100%; }
    .detail .tab a{line-height:50px;}
    .easyzoom img{width:100%; height:100%;}
    .feature-media img{width:100%;}
    .features-item .feature-desc{padding:0 30px;}
    #shopnow-container .btn.btn-danger{margin-bottom:5px;}
    #product-listing .card{margin-bottom:15px}
}

 #product-listing .card-title a {
    color: #000;
}

#shopnow-container {margin:20px 0px;}
#shopnow-container .card{background-color: #fff; border-radius: 10px; padding: 10px; margin-bottom:15px;}
#shopnow-container .card-title{text-align: center; color:#000; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 5px}
#shopnow-container .card-title a{color:#000}
#shopnow-container .btn{margin-top: 0px; padding: 3px 10px;}
.buynow-button-section {-webkit-transition: all .5s ease-in 0s;   -moz-transition: all .5s ease-in 0s;   -o-transition: all .5s ease-in 0s;   transition: all .5s ease-in 0s; position: relative; }
#shopnow-container .btn.btn-danger{color: #f00; border: 1px solid #c9302c;}
#shopnow-container .btn.btn-danger:hover{color:#fff;}
.buynow-button-section a.btn-danger{border:inherit; }
.buynow-button-section a.btn-success{top: 0px;     display: flex;  align-items: center;  justify-content: center;  width: 100%; border: inherit; background-color: inherit;}
.buynow-button-section:hover a.btn-danger{display: none; color: #fff}
.buynow-button-section:hover a.btn-success{display: block; background-color: inherit; border:0px; font-weight: 700; color: #000; opacity: 1;}
#shopnow-container h3.shop-title{padding:10px 0; margin-top: 30px; border-bottom: 1px solid #ddd; border-bottom: 1px solid #333; margin-bottom: 30px;}
.social-footer a img{width:30px;}


#Login-container{margin: 50px 0px; }
#Login-container .login-inner{background-color: #333;}
#Login-container .login-inner .container-fluid{padding:15px;}
#Login-container h2{margin-top: 0px; margin-bottom: 15px; border-bottom: 1px solid #fff; padding-bottom: 10px;}
#Login-container label b{font-weight: 400;}
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  color:#000;
}

input{color:#000;}

button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;  
  border: none;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

span.psw{
  float: right;
  padding-top: 16px;
}

span.psw a:hover{color:#000;}


.fluid-width-video-wrapper {
            width: 100%;
            position: relative;
            padding: 0;
        }

        .fluid-width-video-wrapper iframe,
        .fluid-width-video-wrapper object,
        .fluid-width-video-wrapper embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

   
        .fb_hidden {
            position: absolute;
            top: -10000px;
            z-index: 10001
        }

        .fb_reposition {
            overflow: hidden;
            position: relative
        }

        .fb_invisible {
            display: none
        }

        .fb_reset {
            background: none;
            border: 0;
            border-spacing: 0;
            color: #000;
            cursor: auto;
            direction: ltr;
            font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
            font-size: 11px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            letter-spacing: normal;
            line-height: 1;
            margin: 0;
            overflow: visible;
            padding: 0;
            text-align: left;
            text-decoration: none;
            text-indent: 0;
            text-shadow: none;
            text-transform: none;
            visibility: visible;
            white-space: normal;
            word-spacing: normal
        }

        .fb_reset>div {
            overflow: hidden
        }

        @keyframes fb_transform {
            from {
                opacity: 0;
                transform: scale(.95)
            }

            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        .fb_animate {
            animation: fb_transform .3s forwards
        }

        .fb_dialog {
            background: rgba(82, 82, 82, .7);
            position: absolute;
            top: -10000px;
            z-index: 10001
        }

        .fb_dialog_advanced {
            border-radius: 8px;
            padding: 10px
        }

        .fb_dialog_content {
            background: #fff;
            color: #373737
        }

        .fb_dialog_close_icon {
            background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;
            cursor: pointer;
            display: block;
            height: 15px;
            position: absolute;
            right: 18px;
            top: 17px;
            width: 15px
        }

        .fb_dialog_mobile .fb_dialog_close_icon {
            left: 5px;
            right: auto;
            top: 5px
        }

        .fb_dialog_padding {
            background-color: transparent;
            position: absolute;
            width: 1px;
            z-index: -1
        }

        .fb_dialog_close_icon:hover {
            background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent
        }

        .fb_dialog_close_icon:active {
            background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent
        }

        .fb_dialog_iframe {
            line-height: 0
        }

        .fb_dialog_content .dialog_title {
            background: #6d84b4;
            border: 1px solid #365899;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            margin: 0
        }

        .fb_dialog_content .dialog_title>span {
            background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;
            float: left;
            padding: 5px 0 7px 26px
        }

        body.fb_hidden {
            height: 100%;
            left: 0;
            margin: 0;
            overflow: visible;
            position: absolute;
            top: -10000px;
            transform: none;
            width: 100%
        }

        .fb_dialog.fb_dialog_mobile.loading {
            background: url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;
            min-height: 100%;
            min-width: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 10001
        }

        .fb_dialog.fb_dialog_mobile.loading.centered {
            background: none;
            height: auto;
            min-height: initial;
            min-width: initial;
            width: auto
        }

        .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
            width: 100%
        }

        .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
            background: none
        }

        .loading.centered #fb_dialog_loader_close {
            clear: both;
            color: #fff;
            display: block;
            font-size: 18px;
            padding-top: 20px
        }

        #fb-root #fb_dialog_ipad_overlay {
            background: rgba(0, 0, 0, .4);
            bottom: 0;
            left: 0;
            min-height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 10000
        }

        #fb-root #fb_dialog_ipad_overlay.hidden {
            display: none
        }

        .fb_dialog.fb_dialog_mobile.loading iframe {
            visibility: hidden
        }

        .fb_dialog_mobile .fb_dialog_iframe {
            position: sticky;
            top: 0
        }

        .fb_dialog_content .dialog_header {
            background: linear-gradient(from(#738aba), to(#2c4987));
            border-bottom: 1px solid;
            border-color: #043b87;
            box-shadow: white 0 1px 1px -1px inset;
            color: #fff;
            font: bold 14px Helvetica, sans-serif;
            text-overflow: ellipsis;
            text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0;
            vertical-align: middle;
            white-space: nowrap
        }

        .fb_dialog_content .dialog_header table {
            height: 43px;
            width: 100%
        }

        .fb_dialog_content .dialog_header td.header_left {
            font-size: 12px;
            padding-left: 5px;
            vertical-align: middle;
            width: 60px
        }

        .fb_dialog_content .dialog_header td.header_right {
            font-size: 12px;
            padding-right: 5px;
            vertical-align: middle;
            width: 60px
        }

        .fb_dialog_content .touchable_button {
            background: linear-gradient(from(#4267B2), to(#2a4887));
            background-clip: padding-box;
            border: 1px solid #29487d;
            border-radius: 3px;
            display: inline-block;
            line-height: 18px;
            margin-top: 3px;
            max-width: 85px;
            padding: 4px 12px;
            position: relative
        }

        .fb_dialog_content .dialog_header .touchable_button input {
            background: none;
            border: none;
            color: #fff;
            font: bold 12px Helvetica, sans-serif;
            margin: 2px -12px;
            padding: 2px 6px 3px 6px;
            text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0
        }

        .fb_dialog_content .dialog_header .header_center {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            line-height: 18px;
            text-align: center;
            vertical-align: middle
        }

        .fb_dialog_content .dialog_content {
            background: url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;
            border: 1px solid #4a4a4a;
            border-bottom: 0;
            border-top: 0;
            height: 150px
        }

        .fb_dialog_content .dialog_footer {
            background: #f5f6f7;
            border: 1px solid #4a4a4a;
            border-top-color: #ccc;
            height: 40px
        }

        #fb_dialog_loader_close {
            float: left
        }

        .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
            visibility: hidden
        }

        #fb_dialog_loader_spinner {
            animation: rotateSpinner 1.2s linear infinite;
            background-color: transparent;
            background-image: url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);
            background-position: 50% 50%;
            background-repeat: no-repeat;
            height: 24px;
            width: 24px
        }

        @keyframes rotateSpinner {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .fb_iframe_widget {
            display: inline-block;
            position: relative
        }

        .fb_iframe_widget span {
            display: inline-block;
            position: relative;
            text-align: justify
        }

        .fb_iframe_widget iframe {
            position: absolute
        }

        .fb_iframe_widget_fluid_desktop,
        .fb_iframe_widget_fluid_desktop span,
        .fb_iframe_widget_fluid_desktop iframe {
            max-width: 100%
        }

        .fb_iframe_widget_fluid_desktop iframe {
            min-width: 220px;
            position: relative
        }

        .fb_iframe_widget_lift {
            z-index: 1
        }

        .fb_iframe_widget_fluid {
            display: inline
        }

        .fb_iframe_widget_fluid span {
            width: 100%
        }
  .fluid-width-video-wrapper {
            width: 100%;
            position: relative;
            padding: 0;
        }

        .fluid-width-video-wrapper iframe,
        .fluid-width-video-wrapper object,
        .fluid-width-video-wrapper embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }   
.social-footer>ul {
            list-style-type: none;
            padding: 0px 0 5px;
            overflow: hidden;
            text-align: center;
        }

        .social-footer>ul>li {
            display: inline-block;
            margin-right: 20px;
        }

        .social-footer>ul>li>a {
            display: block;
        }


/* Below classes Added by Dilip */

.btn-primary {  color: #fff;   background-color: #428bca !important;   border-color: #357ebd;}
.color-product{margin: 0 auto; text-align: center}
.color-product li{display:inline-block; list-style: none;} 
.color-product li.green{width: 20px; height: 20px; background-color: green;}
.color-product li.blue{width: 20px; height: 20px; background-color: blue;}
.color-product li.yellow{width: 20px; height: 20px; background-color: yellow;}
.color-product li.red{width: 20px; height: 20px; background-color: red;}
.mycart-action-row{display: inline-flex; align-items: center; position: relative;}
.mycart-action-row span.button-action{display: flex; align-items: center;}
ul.size-list{text-align: center; border-top:1px solid #444;}
ul.size-list li{display:inline-block; padding:10px 10px; list-style: none; text-align: center;} 
.detail .tab{display: inline-block;  border-bottom: 1px solid #444; padding-top: 25px; padding-bottom: 14px;}
.detail .tab a{color:#fff; font-size: 15px; cursor: pointer; text-transform: uppercase; padding:25px 20px 15px 20px;}
.detail .tab a.tablinks.active{border-bottom: 2px solid #5cb85c; color:#5cb85c}


.shopnow{background-color: #5cb85c; padding: 6px 10px; border-radius: 5px; line-height: 0px !important; font-size: 13px; color:#fff; }
.shopnow:hover{background-color:#46a046}
.successfull{background-color: #46a046; padding: 10px; color:#fff;}
.card p{color:#000; padding-top:10px;}
.btn-light{color:#d9534f !important}
.btn-light:hover{color:#000!important;}

.row {
 /* display: -ms-flexbox; 
  display: flex; */
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -15px;
}

.col-25 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}

.col-50 {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}

.col-75 {
  -ms-flex: 75%; /* IE10 */
  flex: 75%;
}

.col-25,
.col-50,
.col-75 {
  padding: 0 16px;
}


.icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}


.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding:5px 16px;
  font-size: 14px;
  border: none;
  cursor: pointer;
    border-radius: 5px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #4CAF50}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: none;
}
.carousel-control.left {
	background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

.carousel-control {
  padding-top:10.25%;
  width:5%;
}

.carousel-control.left .fa-chevron-right, .carousel-control.right .fa-chevron-right {color:#000}

table.custom-table{padding: 0px; margin: 0px; width: 100%}
table.custom-table tr th{border-bottom:1px solid #444; background: #333; padding: 5px;}
table.custom-table tr td{border-bottom:1px solid #444; padding: 5px;}
.cart-btn{    background-color: #000;
    background-color: #000;
    padding: 5px;
    display: none;
    color: #fff;
    font-size: 15px;
    width: 150px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: -75px;
    left: 50%;
    cursor: pointer
}
#Login-container h3.shop-title{border-bottom: 1px solid #444; margin-bottom: 15px}

.section-spacing{margin:20px 0 50px 0px;}
#billing-detail{margin:20px 0 50px 0px;}
#billing-detail .shop-title{border-bottom: 1px solid #444; margin-bottom: 15px}
#product-listing{margin:20px 0 50px 0px;}
#product-listing .card{background-color: #fff; border-radius: 10px; padding: 10px;}
/*#product-listing .btn{position: absolute; top:0px;}*/
#product-listing h4.card-title{text-align: center; border-bottom: 1px solid #efefef; border-top:1px solid #efefef; padding: 10px 0px; margin: 0px;}
#product-listing .card:hover .cart-btn{
    display: block;     
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

#product-listing .buynow-button-section {padding:5px 0 0px 0px; display:flex;}
#product-listing .buynow-button-section .btn{color:#ff0000; width: 100%; justify-content:center;}
#product-listing .buynow-button-section .btn.btn-danger:hover{color:#fff;}
#product-listing .buynow-button-section:hover a.btn-success{color:#ff0000;}
#product-listing .buynow-button-section .btn.btn-success{border:1px solid #428bca; color:#fff; background-color:#428bca; margin-left:5px;}

#product-listing .buynow-button-section .btn.btn-success:hover{border:1px solid #428bca; color:#fff; }

/* zoom thumbnail slider */
.show{
  width: 400px;
  height: 400px;
}
#show-img { width: 400px; height: 400px; }
.small-img{
  width: 350px;
  height: 70px;
  margin-top: 10px;
  position: relative;
  left: 25px;
}
.small-img .icon-left, .small-img .icon-right{
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.small-img .icon-left{
  transform: rotate(180deg)
}
.small-img .icon-right{
  right: 0;
}
.small-img .icon-left:hover, .small-img .icon-right:hover{
  opacity: .5;
}
.small-container{
  width: 300px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.small-container div{
  width: 800%;
  position: relative;
}

.small-container .show-small-img{
  width: 70px;
  height: 70px;
  margin-right: 6px;
  cursor: pointer;
  float: left;
}
.small-container .show-small-img:last-of-type{
  margin-right: 0;
}
/* zoom thumbnail*/

#product-listing .buynow-button-section .btn{  
    color: #f00; 
    border: 1px solid #c9302c;
    display:flex;
}

@media only screen and (max-width: 767px){.nav li{padding:10px 12px; text-align:center;} .login-row{    display: flex;
    align-items: center;
    justify-content: center;} }
    
    
.detail{text-align:left;}