/*
Template Name: Jewelery
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/


/*********************center****************/
.rotate_image{
	top:22%;
	z-index:2;
	left:-170px;
}

.center_home_inner_right1{
	width:400px;
	height:400px;
}
.center_home_inner_right1{
	top:22%;
	z-index:3;
	left:-170px;
	
	transition: 0.3s;
}
.center_home_inner_right:hover .center_home_inner_right1{
	display:block;
	transition: 0.3s;
}
/*********************center_end****************/

/*********************shop****************/
.nav-tabs .nav-link {
    border: none;
    padding: 12px 35px;
    background: none;
    color: var(--black);
    transition: 0.3s;
    font-size: 16px;
    border-radius: 0;
    background: var(--bg_primary_light);
    text-transform: uppercase;
    margin-left: 5px;
    margin-right: 5px;
}
.nav-tabs .nav-link:hover {
   background: var(--secondry);
    color: var(--bs-white);
}
.nav-tabs .nav-link.active {
    background: var(--secondry);
    color: var(--bs-white);
}

.arrow_icon{
	transition: 0.3s;
	display:none;
}
.categ_1_left:hover .arrow_icon{
	transition: 0.3s;
	display:block;
}
.center_home .cart_icon{
	display:inline-block!important;
	 transition: 0.3s
}
/*********************shop_end****************/

/*********************social****************/
.follow_1_left_inner {
    padding-top: 33%;
    padding-left: 33%;
	display:none;
	transition: 0.3s;
}
.follow_1_left_inner a{
	display:inline-block;
	text-align:center;
	border-radius:50%;
	background:var(--bs-white);
	color:var(--secondry);
	width:55px;
	height:55px;
	line-height:55px;
}
.follow_1_left:hover .follow_1_left_inner{
	display:block;
	transition: 0.3s;
}
.follow_1_left_inner1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	border-radius:50rem 50rem 0 0;
}
.center_home .modal-dialog {
	max-width: 800px;
}
#sale .modal-dialog {
	max-width: 800px;
}

/*********************social_end****************/


@media screen and (max-width : 767px){
.center_home_inner_left{
	padding:30px 15px!important;
}
.center_home_inner_left p{
	width:100%!important;
}
.rotate_image {
    top:0;
    left:0;
	width:100%;
	height:100%;
}
.center_home_inner_right1{
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.spec_1_left{
	padding-right:0!important;
	margin-bottom:20px;
}
.nav-tabs .nav-link {
    padding: 12px 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.shop_3{
	margin-top:0!important;
}
.sale_1_left{
	padding:30px 15px!important;
}
.sale_1_left p{
	width:100%!important;
}
.sale_1_right{
	padding:0!important;
	margin-bottom:30px;
}
.follow_1_left_inner a{
	width:40px;
	height:40px;
	line-height:40px;
}
.social_1_mid{
	margin-top:20px;
	margin-bottom:20px;
}
.sale_1_left .border-end{
	border-right:0!important;
}
 }


@media (min-width:576px) and (max-width:767px) {
.follow_1_left_inner a{
	width:55px;
	height:55px;
	line-height:55px;
}
.follow_1_left_inner {
    padding-top: 38%;
    padding-left: 38%;
}
 }
 
@media (min-width:768px) and (max-width:991px) {
.center_home_inner_left {
	padding:15px!important;
}
.center_home_inner_right  .img_big{
	min-height:500px;
}
.center_home_inner_right1{
	width:300px;
	height:300px;
	left:-100px;
}
.rotate_image{
	width:300px;
	height:300px;
	left:-100px;
}

.sale_1_right{
	padding:0!important;
	margin-top:80px!important;
}
.sale_1_left .border-end{
	border-right:0!important;
}
.follow_1_left_inner a{
	width:40px;
	height:40px;
	line-height:40px;
}
.follow_1_left_inner1 {
	padding:30px 15px!important;
}
#sale{
	overflow:visible;
}
.sale_1_left p{
	width:100%!important;
}
}
@media (min-width:992px) and (max-width:1200px) {
.center_home_inner_right  .img_big{
	min-height:600px;
}
.center_home_inner_right1{
	width:350px;
	height:350px;
	left:-130px;
}
.rotate_image{
	width:350px;
	height:350px;
	left:-130px;
}
.sale_1_right{
	padding:30px!important;
}
#sale{
	overflow:visible;
}
 }

@media (min-width:1201px) and (max-width:1350px) {
.font_80 {
    font-size: 70px;
}
.center_home_inner_right1{
	width:350px;
	height:350px;
	left:-130px;
}
.rotate_image{
	width:350px;
	height:350px;
	left:-130px;
}
 }
@media screen and (min-width : 1400px){

.sale_1_left  p{
	font-size:17px;
}
.sale_1_right {
	margin-top:0!important;
}
.center_home_inner_left {
	padding-left:100px!important;
	padding-right:100px!important;
}
 }