@media (max-width:1399px){
.container{max-width: 100%; padding: 0 25px;}
}
@media (max-width:1310px){
  ul.footer_list li{font-size: 13px;}
  ul.footer_list2 li{width: 50%;}
}
@media (max-width:1292px){
  #menu ul li a{padding: 2px 8px;}
  .logo img { max-width: 160px; }
}
@media (max-width:1280px){
#fasion_slider .item h4{font-size: 20px;}
}
@media (max-width:1260px){
}
@media (max-width:1280px){
}
@media (max-width:1250px){
}
@media (max-width:1219px){
  
  #menu ul li a{padding: 2px 6px; font-size: 13px;}
  .logo img { max-width: 150px; }
}
@media (max-width:1199px){
  ul.footer_list2 li{width: 100%; float: none;}
}
@media (max-width:1126px){
  .search_toggle span{display: none;}
}
@media (max-width:1066px){
  .subscribe_btn{font-size: 13px;}
}
@media (max-width:1063px){
  
  #menu ul li a{padding: 2px 4px; font-size: 12px;}
  .logo img, header.sticky .logo img { max-width: 140px; }
}
@media (max-width:1024px){
}
@media (max-width:999px){
}
@media (min-width:992px) and (max-width:1320px) {
 
}
@media (min-width:992px) and (max-width:1199px) {
  
}
@media (max-width:929px){
  .hero_item img{height: 400px; object-fit:cover;}
}
@media (max-width:991px){
  body{overflow-x: hidden;}
/* mobile menu css start */
header{position: relative; padding: 0;}
.topbar { width:100%; position:relative;  padding: 15px 0; background: white;} 
.no_links .topbar{ -webkit-box-shadow:0 2px 10px rgb(0 0 0 / 6%); box-shadow:0 2px 10px rgb(0 0 0 / 6%);}
.topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px; 
  box-shadow:rgba(0,0,0,0.2) 0 0 10px; background: white;}
.topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; margin-right:15px; line-height: 1;}
.topbar ul.top_right_contents li:last-child {margin-right: 0;}
.topbar ul.top_right_contents li.phone {padding-top: 10px;}
.topbar ul.top_right_contents li.phone a{font-size:20px;font-weight:600;color:black; text-decoration: none;}
.topbar ul.top_right_contents li.phone img{position: relative; top: -5px; margin-right: 10px;}
.topbar ul.top_right_contents li.phone a i.icon{color:black;margin-right:7px; position: relative; top: 5px;}
.topbar ul.top_right_contents li a {line-height: 1; color: black;}
.topbar ul.top_right_contents li a i {font-size: 22px;}
.topbar ul.top_right_contents li a.btn {color: white;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
.topbar.sticky {padding:10px 0;}
.menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;text-decoration: none;}
.menu_head a span.menu_account_icon {font-size: 22px; vertical-align: middle; width: 32px; height:32px; line-height:32px; background: #444; display: inline-block; border-radius: 50%; margin-right:10px; }
.menu_close {position: absolute; left:-40px; top:20px;}
.menu_close i {font-size:30px; color: white;}
.mobile_menu_wrap {position: fixed; top:0; bottom: 0; right:-100%; z-index:99999; background:#212121; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 280px; height: 100vh;}
.mobile_menu_wrap.menu_show {right:0;}
.mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
.mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
.mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #333; padding:0 15px 0 15px;}
.mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
.mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #fff !important;}
.mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:18px; line-height: 1; padding:17px 20px; border-left:1px solid #333;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 280px; background:#212121; margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #444;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {font-size:35px;}
.hero_item img{height: 450px;} 
.hero_caption{padding-right: 0;}
.footer_text {max-width: 100%;}
ul.social_list {margin-bottom: 40px;}
.hero_title{font-size: 16px;}
.hero_wrapper{margin-top: 50px;}
.sidebar {margin-top: 40px;}
.ad_banner {text-align: center;}
.hero_item img { height: 352px;}
.home_content {padding-top:10px;}
.write_us_thumb {margin-top: 25px;}
.inner_banner{margin-top: 0;}
}
@media (max-width:832px){
  .hero_item img{height: 378px;}
}
@media (max-width:778px){
  .hero_item img{height: 366px;}
}
@media (min-width:768px) and (max-width:1199px) {  
}
@media (min-width:768px) and (max-width:991px){
}
@media (max-width:767px){
.footer_text {margin-bottom: 40px;}
.newsletter_box{margin-bottom: 40px;}
.hero_item {margin-bottom: 30px; height: 450px; display: block;}
.exploring_post {max-width: 500px; margin: 0 auto 30px;}
.exploring_small {max-width: 300px; margin: 0 auto;}
.home_slider .owl-stage{ margin-left: -66px;}
.exploring_post img {height: 415px;}
}
@media (max-width:700px){
}
@media (max-width:667px){	
} 
@media (min-width:570px) and (max-width:626px){
}
@media (max-width:580px){
}
@media (max-width:575px){
  ul.footer_list{overflow: hidden;}
  ul.footer_list2 {margin-bottom: 40px;}
  section{padding: 60px 0;}
  .about_banner {padding: 60px 0;}
  .team_content h4{font-size: x-large;}
  .team_member .row + .row{margin-top: 40px;}
  .about_banner{padding: 30px 0;}
  .copyright_text{margin-top: 20px;}
  .hero_item img{height: 500px;}
  .home_slider .owl-stage, #fasion_slider .owl-stage { margin-left: -40px;}
  .write_us_wrapper .row + .row { margin-top: 30px; }
}
  
@media (max-width:517px){
  .topbar ul.top_right_contents li.phone{display: none;}
}
@media (max-width:500px){
  h1,.h1, h2,.h2,h3, .h3 {font-size:x-large; }
  .accordian_wrapper .accordion-button{font-size: 16px;}
  .accordian_wrapper .accordion-button:after {background-size: 20px; height: 20px; width: 20px;}
}
@media (max-width:493px){
  .banner_tittle, .banner_caption h1{font-size: 25px;}
}
@media (max-width:480px){
  
  .hero_item img{height:400px;}
}
@media (max-width:431px){
  ul.how_work_list {margin:0 30px; margin-right: 0;}
}
@media (max-width:425px){
  .comment_thumb , .comment_thumb img {max-width: 80px;}
  
}
@media (max-width:414px){
  .hero_item img{height:325px ;}
  
  
}
@media (max-width:400px){	
  .banner_caption{max-width: 100%;}
  
}
  @media (max-width:375px){	 
    h1, .h1, h2, .h2, h3, .h3 { font-size: x-large; }
    .step_icon {width: 100px; height: 100px;}
    .step_icon img{max-width: 50px;}
    .step_block{font-size: 16px;}  
    ul.popular_post_list li h4 {font-size: 16px;}
    ul.popular_post_list li h5 {font-size: 14px;}
}
@media (max-width:360px){	
}
@media (max-width:348px){	
 
}
  @media (max-width:341px){	
}
@media (max-width:326px){	
}
@media (max-width:320px){	
}