.whatapps img {position:fixed; right:23px; bottom:80px; width:42px; z-index:999;}

 	   
.sec_white_about h2 {
    font-size: 25px; 
    letter-spacing:5px;
    margin-bottom: 20px;
    font-family: 'Lato';
    font-weight: 400;
	color:#6d6c6c;
} 

.runway_banner
{
	height: 400px;
    background-image: url(https://anavila.com/wp-content/uploads/runway-banner.png);
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	margin-top: 6%;
} 
 

.sec_white_about p {
    margin-bottom: 20px;
    font-size:13px;
    line-height: 26px;
    color: #949494;
    font-weight: 400;
    font-family: 'Lato';
}
       
.clearul li a {
    color: #000;
    font-family: 'Lato';
    font-size: 13px;
} 
.pb100{padding-bottom:100px;}
	
.pt100{padding-top:140px; padding-bottom:100px;}	


.about_text h5{
	font-size: 18px;
    color: #6d6c6c;
    font-weight: 400; 
}

.timeline{
	width: 100%;
    height:3625px;
    background:#fff;
    position: relative;
    margin: auto;
} 

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #e8d6bd;
    left: 50%;
    margin-left: -1.5px;
} 


.year_name{
	height: 100px;
    display: -webkit-inline-box;
    width: 100%;
}

.year{
	width: 80px;
    height: 80px;
    background: #808080;
    position: relative;
    margin: auto;
    border-radius: 50%;
}


.year p{
	color: #fff;
    font-size: 23px;
    text-align: center;
    line-height:78px; 
}



.left_side{
    height: auto;
    padding-right: 50px;
    float: left;
}
  

.right_side{
   height: auto; 
    padding-left: 50px;
    float: right;
    display: block !important; 
}

.left_awrd{
	height:auto;
	margin:40px 0; 
	border: 1px solid #d4d4d4;
    padding: 0px;
}
   
    
  .right_awrd{
	height:auto; 
	margin:40px 0;
	border: 1px solid #d4d4d4;
	padding: 0px;
}


.right_awrd .timeline-badge {
    left: -56px;
    color: #fff;
    width: 10px;
    height: 10px;
    line-height: 54px;
    font-size: 23px;
    text-align: center;
    position: absolute;
    top: 80px;
    background-color: #818181;
    z-index: 100;
    border-radius: 50%;
}

  
.left_awrd .timeline-badge {
   color: #fff;
    width: 10px;
    height: 10px;
    line-height: 54px;
    font-size: 23px;
    text-align: center;
    position: absolute;
    top: 37px;
    right: -56px;
    background-color: #818181;
    z-index: 100;
    border-radius: 50%;
} 


.left_awrd:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #e8d6bd;
    border-right: 0 solid #e8d6bd;
    border-bottom: 14px solid transparent;
    content: " ";
}


.right_awrd:after {
	 position: absolute;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #e8d6bd;
    border-right: 0 solid #e8d6bd;
    border-bottom: 14px solid transparent;
    content: " ";
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
    top: 70px;
}



.timeline-body h4{
	padding: 20px 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 0px;
	color: #6d6c6c;
}
   

 .about-soul {
    margin-bottom: 50px;
}

.mg_bt {
    margin-bottom: 17px;
} 

.soul_award h3 {
   font-weight: normal;
    margin: 0px;
    color: #949494;
    font-size: 25px;
    margin-top: 46px;
    background: #fff;
	margin-bottom: 40px;
} 

.soul_text h3 {
   font-weight: normal;
    margin: 0px;
    color: #949494;
    font-size: 25px; 
	margin-bottom: 30px;
	position: relative;
} 

.soul_text {
    width: 100%;
}

 .soul_text h3::after {
    content: "";
    width: 89%;
    height: 1px;
    background: #949494;
    left: 11%;
    bottom: 16px;
    position: absolute;
} 

.soul_award h3{position: relative;}

.soul_award {
    width: 100%;
}

 
  
 .soul_award h3::after {
    content: "";
    width: 73%;
    height: 1px;
    background: #949494;
    left: 29%;
    bottom: 13px;
    position: absolute;
}
 
 
        
       
  /* media css  */
   
   
   
.mag_name{
	position: absolute;
    width: 160px;
    height: auto;
    left: -17%;
    bottom: 11%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-90deg);
} 

.mag_name p{
	font-size:16px;
    text-align: left;
    margin: 0px;
    color: #949494;
}


.mag_year{
	position: absolute;
    width: 100px;
    height: 40px;
    top: 30px;
    left: -71px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-90deg);
}


.mag_year p{
	font-size: 16px;
    text-align: right;
    margin: 0px;
    padding: 8px 0;
	color:#949494;
}





.mag_year_right{
	position: absolute;
    width: 100px;
    height: 40px;
    top: 27px;
    right: -70px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-90deg);
}


.mag_year_right p{
	font-size: 16px;
    text-align: right;
    margin: 0px;
    padding: 8px 0;
	color:#949494;
}

.mag_name_right{
	position: absolute;
    width: 181px;
    height: auto;
    right: -19%;
    bottom: 10%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-90deg);
} 

.mag_name_right p{
	font-size:16px;
    text-align: left;
    margin: 0px;
    color: #949494;
}

.media_margin{
	margin-top:50px;
}


 

.media_mrg_bottom{
	margin-bottom:50px;
}


.media_mrg{
	margin:28px 0;
} 
  

.img_media9{ 
	bottom:9%; 
}

.img_media18{
	bottom: 18%;
}


.img_media16{
	bottom: 16%;
}


.img_media10{
	bottom: 10.3%;
}


.img_media_ten{
	bottom: 10%;
} 

.img_media11{
	bottom: 11%;
}

.img_media12{
	bottom: 12%;

}

.img_media24{
	bottom:24%;
}

.img_media20{
	bottom:20%;
}

.img_media22{
	bottom:22%;
}

.img_media8{
	bottom:8%;
}
.img_media14{
	bottom:14%;
}

.img_media23{
	bottom:23%;
}

.img_media17{
	bottom:17%;
}
.img_media19{
	bottom:19%;
}

.img_media31{
	bottom:31%;
}

.img_media_right_11{
	bottom: 11%;
	right:-9%;
} 
 


 

@media (max-width:600px){
	
	#menu-primary-menu, .sub-menu, .sub-sub-menu
	{
		width: 100%;
	}
	
	.wd-tools-element>a
	{
		padding-right: 2px !important;
		padding-left: 2px !important;
	}

	.Astockists a {
		color: #999 !important;
		background:transparent !important;
	} 
	.dropdown-menu>li>a {
		font-size: 15px !important;
	}
	
	.mobile_hide{
		display:none !important;
	}
	
	
	.navbar {
		padding: 5px 0 !important;
	}
	
	.sec_white_home p {
		font-size: 16px;
		text-align: justify !important;
		padding: 0 20px;
	}
	
	.sec_white_home {
		padding: 80px 0 50px !important;
	}
	
	.sec_footer {
		padding: 50px 0 20px !important;
	}
	
	.footer_about h4 {
		text-align: center !important;
	}
	.copy_left p {
		text-align: center !important;
	}
	 
	.copy_right {
		float:none !important;
		text-align: center;
	}
	
	.nav_right {
		float: none !important;
		display: block;  
	}
	
	.navbar-default .navbar-nav>li>a{
		text-align:center;
	}
	
	/* about css responsive */
	
	.sec-banner-about {
		height: 150px !important;
	}
	
	.allpage_heding ul li a {
		line-height: 20px;
		font-size:15px !important;
	} 
	
	.sec_white_about {
		padding: 50px 0 !important;
	}
	
	.about_text {
		padding-top: 50px !important;
	}
	
	.sec_white_about h2 {
		font-size: 1.5em !important;
		letter-spacing: 2px !important;
	}
	.soul_text h3 {
		padding: 0 15px;
	}
	
	.soul_text h3::after {
		left: 128px !important;
		width: 65% !important;
	}
	
	.about-soul {
		padding: 0 15px;
	}
	
	.sec_white_about2 p{
		padding: 0 15px;
	}
	
	
	/* aw18 css */
	
	  .content_aw18 {
		margin-top: 0 !important;
		margin-bottom: 20px;
	}
	
	
	
	.indig_musing_text {
		margin-bottom: 50px !important;
	}

	.indig_musing_img2 {
		margin-top: 40px !important;
	}
	
	.mob_pd_no{
		padding:0px;
	}
	
	.mob_tp_mrg{
		margin-top:30px;
	}
	
	.hs_mrg_top{
		margin-top:30px !important;;
	}

	.media_mrg {
		margin: 30px 0 0 !important;
	}  
	
	/* media css */
	
	.sec-banner-media {
		height: 150px !important;
	}

	.sec_white_contact {
		padding: 50px 0 50px !important;
	}
	
	
	.media_pd_lr{
		padding:0px !important;
	}
	
	.mega-ul ul li:hover>a:after {
		width: auto !important;
	} 
	
	/*  stockists css */
	
 	.sec_white_stockists {
		padding: 50px 0 !important; 
	}
	
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover {
		background-color: #e5d9c6;
		color:#949494;
	}
	
	.nav-pills li a{
		color:#949494;
	}
	
	.border_left {
		border-left: none !important;
		border-top: 1px solid #e5d9c6;
	}
	
	 
	.soul_text2 h3::after {
		width: 80% !important;;
	}
	
	.media_ph_mrg{
		margin:70px 0;
	}   
	
	
	
	/* media page  */
	
	  .img_media9{
		left: 1% !important;
		bottom: -6% !important;
		transform: rotate(0deg) !important;
	}
	 
	.mag_year {
		top:-50px !important;
		left:0px !important;
		transform: rotate(0deg) !important;
		 width: auto;
	}  
	      
	
	.mag_year_right {
		top: -35px !important;
		right: 0px !important;
		transform: rotate(0deg) !important;
		width:auto;   
	} 
	
	.img_media11 {
		bottom: -6% !important;
		right: -30% !important;
		transform: rotate(0deg) !important;
		width:auto; 
	} 
	
	.img_media14 {
		bottom: -3% !important;
		left: 0 !important;
		transform: rotate(0deg) !important;
		width:auto; 
	}
	
	.img_media31 {
		bottom: 3% !important;
		right: -34% !important;
		transform: rotate(0deg) !important;
		width:auto; 
	}
	
	.img_media20 {
		bottom: -10% !important;
		transform: rotate(0deg) !important;
		right: -34% !important;
		width:auto; 
	}
	
	.mag_year_ph{
		top: -56px !important;
		width:auto; 
	}
	
	.img_media_right_11 {
		bottom: -12% !important;
		right: -22% !important;
		transform: rotate(0deg) !important;
		width:auto; 
	}
	
	.img_media_right_mob{
		bottom: 18px !important;
		right: -23% !important;
		width:auto; 
	} 
	
	.mag_year_mob_jan{
		left: -12px !important;
		width:auto; 
	}  
	
	.img_media11 {
		bottom: -4% !important;
		right: -18% !important;
		transform: rotate(0deg) !important;
		width:auto; 
	} 
	
	.img_md_left{
		bottom: -12px !important;
		left: 1% !important;
		width:auto; 
	}
	
	.img_media24 {
		bottom: -4% !important;
		transform: rotate(0deg) !important;
		right: -37% !important;
		width:auto; 
	}
	
	.mag_year_ph2 {
		left:12px !important; width:auto; 
	}  
	
	.mag_name {
		left: 0 !important;
		bottom: -10% !important;
		transform: rotate(0deg) !important;
		width:auto; 
	} 
	
	.mag_name22 {
		bottom: -9% !important; width:auto; 
	}
	
	.img_media20_ph1{
		right: -22% !important; width:auto; 
	}
	
	.mag_name_right {
		right:0 !important;
		bottom: -10% !important;
		transform: rotate(0deg) !important;
		width:auto;  
	}   
	
	.mag_name_right2 {
		right: -25% !important;
		transform: rotate(0deg) !important;
		width:auto; 
	} 
	
	.mag_year_ph3{
		left:-4px !important;
		width:auto; 
	}
	
	.img_media19 {
		bottom: -13% !important;
		right: -33% !important;
		width:auto; 
	}
	
	.mag_name_mob15 {
		bottom: -15% !important;
		width:auto; 
	}
	 
	.mag_name_rg_mob {
		right: -6% !important;
		width:auto; 
	} 
	
	.mag_year_nov_ph2 {
		right:0 !important; width: auto;
		
	}
	.img_media16{
		bottom: -8% !important; width:auto; 
	}
	
	.img_media_ten{
		bottom:-1% !important; width:auto; 
	}
	
	.mag_year_nov_ph8{
		right: 6px !important; width:auto; 
	}
	
	
	.cart-widget-side, .login-form-side, .mobile-nav {
		position: fixed;
		top: 0;
		bottom: 0;
		z-index: 9999;
	}  
	.woodmart-search-form {
		width: auto;
		position: relative;
	}
	 
	button.searchsubmit {
		left: auto !important;
	} 
      
	.whb-header {
		z-index: 9999;
		padding: 0 16px; 
		background: #ffff;
	}
	
	.site-mobile-menu .menu-item-wishlist>a:before {
		content: "" !important;
		font-family: woodmart-font;
	}  
	
	    
	.site-mobile-menu .menu-item-wishlist>a {
		position: relative;
		background-image: url(https://anavila.com/wp-content/uploads/wishlist.svg);
		background-size: 9% !important;
		background-repeat: no-repeat;
		background-position: left center;
		padding-right:3px !important; 
		margin-left:14px;
	}
	.main-page-wrapper {
		padding-top: 115px !important;
	}  
	
	.small-grid{display:grid; grid-template-columns:auto; grid-gap:1.8 rem; padding:20px;}
	.big-grid{display:grid; grid-template-columns:auto; grid-gap:1.8 rem; padding:20px;}   
	.sec_arrivals {padding:50px 0;} 
	.sec_arrivals .owl-theme .owl-nav {
		position:revert !important;
		left:50%; 
		width:100px !important;
		margin-left:-50px;
	} 
	
	.Arrivals h3 {
		font-size: 25px;
		line-height: 36px;
	} 
	.hed-text-div h1 {
		font-size: 25px;
		letter-spacing: 2px; 
	}
	.padd-video{padding: 50px 20px;}
	.bloom-spring {padding: 50px 15px;}
	.mg_top40{margin-top:30px;}
	
	.insta-grid{grid-template-columns: auto;} 
	.insta{ padding: 50px 20px;}
	 
	 /* about css */
	 
	  .sec_white_about2 {padding:50px 15px !important;}
	 
	.soul_award h3 {margin-top:0px; margin-bottom: 40px;}
	.soul_award h3::after{display:none;}
	.right_awrd {margin: 10px 0 40px;} 
		
		
	.about_heding.allpage_heding {padding: 24px 0 !important;}
	.pb150 {padding-bottom: 100px !important;}
	.footer_news p {line-height: 24px;}

	.blank_space{height:25px;} 
	.r_pd {padding:0 20px !important}
	 
	.mob_mg20{margin-top:20px;}
	.row_mt {margin-top: 20px !important;}	
	.row_mt0 {margin-top: 0px !important;}
	.owl-nav {width:28% !important;}
	.sec_get_touch {padding:0px 20px 50px !important;}
	
	   
	
	.woodmart-spacing-30>[class*=col] {
    padding: 10px 10px !important;
}

.term-ss20 .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

.term-blouses .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
} 

 .term-sarees .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-kurtas-tunics .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-dresses .page-title-default {
     background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-dupattas .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-tops-shirts .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-bottoms .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-overlays .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}



 .term-kaftans .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}
 
 .term-ss20 .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

  
.term-classic .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

.term-festive .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}


.term-ss19 .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}


.term-spring-edit .page-title-default {
    background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}
 

.term-joy .page-title-default {
   background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

.term-bloom.page-title-default {
   background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

.term-morakasi .page-title-default {
   background-position: center top !important;
    background-size: cover;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}
  
 
.term-ss20 .page-title-default {
    background-position: center top !important;
    background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

.term-blouses .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
} 

 .term-sarees .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-kurtas-tunics .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-dresses .page-title-default {
     background-position: center top !important;
    background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-dupattas .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-tops-shirts .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-bottoms .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

 .term-overlays .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}



 .term-kaftans .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}
 
 .term-ss20 .page-title-default {
    background-position: center top !important;
  background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

  
.term-classic .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}

.term-festive .page-title-default {
    background-position: center top !important;
    background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}


.term-ss19 .page-title-default {
    background-position: center top !important;
  background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}


.term-spring-edit .page-title-default {
    background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}
 

.term-joy .page-title-default {
   background-position: center top !important;
   background-size: contain !important;
    padding: 34px 0 !important;
    margin-top: 3px;
    margin-bottom: 60px !important;
}
 
 .margin_top{margin-top: 81px;}
 
 .journal_banner{margin-top: 81px;}

}