@media (max-width: 1800px){
	.el_landing_banner_right {
		margin-right: -80px;
	}
}
@media (max-width: 1600px){
	.el_landing_banner_right {
		margin-right: 0;
	}
	.circle{
		bottom: 10px;
	}
}
@media (max-width: 1199px){
	.el_panel_header_right .el_db_primary_btn span{
		display: none;
	}
	.el_landing_header_nav ul li a{
		font-size: 16px;
	}
}
@media (max-width: 1440px){
	.el_landing_banner_left h1{
		max-width: 500px;
		font-size: 60px;
		line-height: 70px;
	}
	.el_landing_template_wrapper .row{
		margin: 0 -15px;
	  }
	  .el_landing_template_wrapper .row .template-item{
		padding: 0 15px;
	  }
	  .el_landing_template_card{
		margin-bottom: 30px;
	  }
	  .el_panel_header_logo img {
		max-width: 160px;
	  }
}
@media (min-width: 991px){
	.sidebar-active .el_panel_sidebar_toggle img{
		transform: rotate(180deg);
    -webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	}
	.sidebar-active .el_panel_sidebar_wrapper {
		left: -300px;
		-webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	  z-index:1000;
	  overflow:visible;
	}
	.sidebar-active .el_panel_sidebar_logo{
		-webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	  visibility:hidden;
		opacity: 0;
	}
	.sidebar-active .el_panel_sidebar_nav_wrapper ul {
    padding: 0 10px;
		-webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	}
	.sidebar-active .el_panel_sidebar_nav_wrapper ul li a{
		padding: 11px 22px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.sidebar-active .bit_submenu_list{
		display: none;
	}
	.sidebar-active .submenu .submenu_item > a:before{
		display: none;
	}
	.sidebar-active .bit_submenu_list{
		position: absolute;
    left: 74px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    top: 0;
	}
	.sidebar-active .submenu .bit_submenu_list li a{
		white-space: nowrap;
	}
	.sidebar-active .submenu .bit_submenu_list li a em{
		display: none;
	}
	.sidebar-active .submenu .bit_submenu_list{
		padding: 0;
	}
	.sidebar-active .el_panel_sidebar_nav_wrapper{
		margin-top: 0;
		-webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	}
	.sidebar-active .el_panel_header_wrapper{
		margin-left: 0;
		-webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	}
	.sidebar-active .el_panel_content_wrapper{
		padding-left: 30px;
		-webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	}
	.sidebar-active .el_panel_header_bottom{
		padding-left: 30px;
		-webkit-transition: all.5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all.5s;
	}
	.sidebar-active .el_panel_sidebar_nav_wrapper ul li{
		padding-right: 0;
	}
}
@media (max-width: 991px){
	.el_panel_sidebar_wrapper{
		left: -250px;
	}
	.sidebar-active .el_panel_sidebar_wrapper{
		left: 0;
	}
	.el_panel_header_wrapper{
		margin-left: 0;
		justify-content: unset;
	}
	.el_panel_header_right{
		margin-left: auto;
	}
	.el_panel_content_wrapper{
		padding-left: 30px;
	}
	.el_panel_footer_wrapper{
		padding-left: 20px;
	}
	.el_panel_header_wrapper{
		padding-right: 30px;
	}
	.el_panel_sidebar_toggle{
		display: none;
	}
	.el_panel_mobile_toggle{
		display: block;
	}
	.el_panel_sidebar_nav_wrapper{
		margin-top: 0;
	}
  #close-sidebar{
    display: block;
  }
  .btc_sidebar_overlay{
		position: relative;
	}
	.btc_sidebar_overlay:after{
		content: '';
		background-color: rgba(0, 0, 0, 0.51);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all.5s;
		-o-transition: all.5s;
		-ms-transition: all.5s;
		-moz-transition: all.5s;
		transition: all.5s;
	}
	.btc_sidebar_overlay.sidebar-active:after{
		opacity: 1;
		visibility: visible;
		-webkit-transition: all.5s;
		-o-transition: all.5s;
		-ms-transition: all.5s;
		-moz-transition: all.5s;
		transition: all.5s;
	}
  .sidebar-active .el_panel_header_wrapper{
    -webkit-transition: all.5s;
		-o-transition: all.5s;
		-ms-transition: all.5s;
		-moz-transition: all.5s;
		transition: all.5s;
	}
  .sidebar-active{
    overflow: hidden;
  }
  .el_panel_header_bottom{
	padding-left: 30px;
  }
  .active-pre-template .el_panel_mobile_toggle{
	display: none !important;
  }
  .el_template_footer{
	position: unset;
	padding-top: 50px;
  }
  .el_landing_template_wrapper{
	margin-bottom: 0;
	z-index: unset;
  }
  .el_landing_header_nav{
	position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    height: 100%;
    z-index: 10;
    background: #fff;
    width: 250px;
	padding-top: 40px;
    border-right: 1px solid var(--border-color);
    -webkit-transition: all .5s;
    -o-transition: all.5s;
    -ms-transition: all.5s;
    -moz-transition: all.5s;
    transition: all .5s;
  }
  .el_landing_header_nav ul{
        -webkit-transition: all .5s;
        -o-transition: all.5s;
        -ms-transition: all.5s;
        -moz-transition: all.5s;
        transition: all .5s;
        flex-direction: column;
        padding: 0 !important;
        margin: 0;
        gap: 5px;
  }
  .el_landing_header_nav ul::after,
  .el_landing_header_nav ul::before{
	display: none;
}
  .el_landing_header_nav ul li{
    padding: 0;
    border-bottom: 1px solid var(--border-color);
  }
  .el_landing_header_nav ul li a{
	display: block;
    text-decoration: none;
    color: #536485;
    padding: 14px 25px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    background: transparent;
    position: relative;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .el_landing_header_wrapper{
	padding: 15px 0;
  }
  .el_lp_primary_btn{
    font-size: 15px;
	padding: 12px 25px;
  }
  .el_lp_primary_btn:before{
	display: none;
  }
  .el_landing_banner_content_wrapper{
	padding-top: 30px;
	padding-bottom: 100px;
  }
  .el_landing_banner_left{
	text-align: center;
  }
  .el_landing_banner_left h1 {
	font-size: 48px;
	line-height: 58px;
	margin: 0px auto;
  }
  .el_landing_banner_left p{
	margin: 20px auto;
  }
  .el_landing_banner_right{
	text-align: center;
	margin: 0px auto;
	margin-top: 30px;
	max-width: 70%;
	width: 100%;
  }
  .el_landing_banner_right img{
	margin: 0px auto;
	max-width: 100%;
	width: 100%;
  }
  .circle{
	display: none;
  }
  .el_template_footer_logo {
    padding-right: 0;
	margin-bottom: 30px;
	}
	.el_landing_header_btn{
		display: inline-block;
	  }
	  .el_toggle_icon{
		cursor: pointer;
	  }
	.el_landing_header_btn img{
		transform: rotate(180deg);
	}  
	.sidebar-active .el_landing_header_nav{
		left: 0;
	}
	.el_landing_template_heading{
		width: 100%;
	}
	.el_template_filters{
		margin-left: 0;
		flex: 0 0 100%;
		flex-wrap: wrap;
	}
	.el_template_footer .container{
		max-width: 100%;
	}
	.el_template_footer_link {
		padding-left: 0;
	}
	.el_template_footer_bottom{
		margin-top: 40px;
	}
	.el_landing_header_nav ul li a:hover,
	.el_landing_header_nav ul li a.active{
		background-color: var(--primary);
		color: var(--white);
	}
	.el_panel_header_left .el_db_primary_btn span{
		display: none;
	}
	.el_panel_header_left .el_db_primary_btn,
	.el_panel_header_right .el_db_primary_btn{
		padding: 9px 12px;
	}
}
@media (max-width: 767px){
	.el_panel_header_wrapper{
		padding-right: 15px;
		padding-left: 15px;
	}
	.el_panel_content_wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.el_panel_header_bottom{
		padding-left: 15px;
	}
	.active-pre-template .el_builder_header_lt_wrapper{
		display: none;
	}
	.active-pre-template .el_panel_header_bottom {
		padding-left: 15px;
		padding-right: 15px;
	}
	.active-pre-template .el_panel_content_wrapper {
		padding: 75px 15px 80px 15px;
	}
	.el_landing_banner_right{
		max-width: 100%;
	}
	.el_banner_bl_box{
		left: 20px;
	}
	.el_landing_template_heading p {
		font-size: 16px;
		line-height: 26px;
	}
	.el_template_footer_contact{
		margin: 30px 0;
	}
	.el_template_footer_company{
		margin-bottom: 30px;
	}
	.custom_container {
		padding: 0 15px;
	}
	.el_dahboard_wrapper {
		margin-bottom: 0;
	}
	.el_template_footer_tag, .el_template_footer_link{
		margin-bottom: 30px;
	}
	.el_template_footer_tag ul, .el_template_footer_logo p {
		margin-top: 25px;
	}
	.color-switcher{
		top: 175px;
		position: unset;
		background: transparent;
		box-shadow: none;
		border: 0;
		padding: 10px 0 !important;
	}
	.el_panel_header_bottom{
		height: auto;
	}
}
@media (max-width: 480px){
	.el_banner_bl_box{
		left: 5px;
	}
	.el_landing_banner_left p{
		max-width: 100%;
	}
	.el_landing_banner_left h1 {
        font-size: 34px;
        line-height: 45px;
		max-width: 315px;
	}
	.el_unlock_popup_header h3 {
		font-size: 20px;
		line-height: 35px;
	}
	.el_unlock_popup_content, .el_unlock_payment_steps {
		padding: 20px;
	}
	.el_panel_header_right, .el_panel_header_left{
		gap: 5px;
	}
	.color-switcher h3 i{
		display: none;
	}
}

/* Smooth fade for preview iframe */
.preview-frame { transition: opacity 0.4s; }

/* Spinner (if not inline) */
.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}