/*...........butterfly landing page css start.............*/
@media(min-width: 1500px){
.banner-section.design02 .logo{width: 390px;height: 390px;}	
.banner-section.design02.style2{padding-top: 40px;}
.banner-section.design02 h2{font-size: 52px;}
.banner-section p{font-size: 24px;}
}
@media(min-width: 1200.01px) and (max-width: 1500px){
.banner-section h2{font-size: 46px;}
.banner-section p{font-size: 21px;}
.banner-section .align-content{min-height: 147px;}
.banner-section.design02 .btn,
.banner-section.design02 .btn.garman_text{
font-size: 15px;
padding: 14px 21px;
padding-right: 50px;
}

.banner-section.design02 .btn i,
.banner-section.design02 .btn.garman_text i{font-size: 19px;top: 14px;}
}
@media(min-width: 992.01px) and (max-width: 1200px){
.banner-section .left-col-bg:hover{width: calc(50% + 35px);}    
.banner-section h2{font-size: 50px;}
.banner-section.design02.style2 h2{font-size: 35px;}
.banner-section.design02.style2 p{font-size: 16px;}
.banner-section.design02.style2 .btn{font-size: 13px;padding: 17px 28px;padding-right: 52px;}
.banner-section.design02 .btn i,
.banner-section.design02 .btn.garman_text i {
right: 29px;
top: 18px;
font-size: 18px;
}
.banner-section .align-content{min-height: 127px;}
.banner-section.design02 .logo{width: 230px;height: 230px;}
}
@media(min-width: 767.01px) and (max-width: 992px){
.banner-section h2{font-size: 36px;}  
.banner-section p{font-size: 20px;}  
.banner-section .left-col-bg:hover{width: calc(50% + 35px);}
.banner-section .left-col-bg::after{width: 37px;}
.banner-section.design02 .btn{font-size: 16px;padding: 12px 20px;padding-right: 37px;}
.banner-section.design02 p{font-size: 18px;}
.banner-section.design02 .btn i {
right: 22px;
top: 14px;
font-size: 20px;
}
.banner-section.design02 .logo{width: 150px;height: 150px;}
.banner-section.design02.style2 p{font-size: 13px;}
.banner-section.design02.style2 h2{font-size: 27px;}
.banner-section.design02.style2 .btn{font-size: 11px;}
.banner-section.design02.style2 .btn i{top: 10px;right: 17px;font-size: 18px;}
.window-open-btn .mobile{display: inline-block;}
.window-open-btn .desktop{display: none;}
.banner-section .align-content{min-height: 110px;}
.window-open-btn .mobile{display: inline-block;}
.window-open-btn .desktop{display: none!important;}
.window-open-btn .mobile.english_text{display: none;}
.window-open-btn .mobile.english_text.dblock{display: inline-block;}
.window-open-btn .mobile.garman_text.dnone{display: none;}
}
@media(max-width: 767px){
.banner-section h2{font-size: 36px;}
.banner-section p{font-size: 19px;}
.banner-section .btn{font-size: 20px;padding: 10px 27px;padding-right: 55px;}
.banner-section .btn i{right: 33px;top: 17px;}
.banner-section.design02 .btn{
font-size: 14px;
padding: 15px 23px;
padding-right: 46px;
}
.banner-section.design02 .btn i{top: 16px;font-size: 18px;right: 23px;}
.banner-section.design02 .logo{
z-index: 99;
width: 200px;
height: auto;
align-items: flex-start;
top: 0;
background: transparent;
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-o-transform: translate(-50%,0%);
position: relative;
margin-top: -150px;
}
.top-header.design02.style2{padding-top: 35px;position: fixed;padding-top: 25px;padding-right: 10px;}
.top-header.style2.btn-clicked{position: absolute;}
.preloader.design02 .butterfly,
.preloader.design02 .butterfly.fly1,
.preloader.design02 .butterfly.fly2,
.preloader.design02 .butterfly.fly3,
.preloader.design02 .butterfly.fly4,
.preloader.design02 .butterfly.fly5{
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-o-transform: scale(0.7);	
display: none;
}
.preloader.design02 .butterfly.fly6{display: block;}
.preloader.design02 .butterfly.fly5{left: -50px;bottom: 10%;}
.preloader.design02 .butterfly.fly1{left: 60%;top: 72%;}
.preloader.design02 .butterfly.fly4{left: 0;top: 0;}
.preloader.design02 .butterfly.fly2{top: 25%;left: 19%;}
.window-open-btn{padding-top: 34px;top: calc(50% + 145px);}
.window-open-btn .mobile{display: inline-block;}
.window-open-btn .desktop{display: none!important;}
.window-open-btn .mobile.english_text{display: none;}
.window-open-btn .mobile.english_text.dblock{display: inline-block;}
.window-open-btn .mobile.garman_text.dnone{display: none;}
.kaufagent_section{padding: 50px 0 90px;}
.kaufagent_section h3{margin: 20px 0 30px;}
}
@media(min-width: 576.01px) and (max-width: 767px){
.banner-section{min-height: 100vh;height: auto;}
.banner-section h2{font-size: 24px;}
.banner-section p{font-size: 14px;}
.banner-section .btn{font-size: 14px;}
.banner-section .btn i{font-size: 15px;top: 9px;}
.banner-section .left-col-bg:hover{width: calc(50% + 35px);}
.banner-section.design02 .btn{font-size: 10px;}
.banner-section.design02 .btn i{top: 9px;right: 19px;}
header.design02 .header-wrap .logo{max-width: 220px;}
.preloader .line-wrapper{width: 500px;height: 244px;}
.preloader .load.loader-right a img{max-width: 213px;}
.preloader .load.loader-left a img{max-width: 225px;}
.banner-section .align-content{min-height: 80px;}
.banner-section.design02 .logo{display: none;}
.window-open-btn{width: 300px;}
}
@media(max-width: 576px){
.top-header .logo img{max-width: 120px;}  
.banner-section .banner-left{
padding-right: 0;
margin-bottom: 55px;
background: rgba(208,22,57,0.80);
padding:150px 15px 65px;
}  
.banner-section{height: auto;padding: 0 0 50px;}
.banner-section .banner-right{
padding-left: 0;
text-align: center;
padding: 15px 15px;
padding-top: 200px;
margin-top: -150px;
padding-bottom: 95px;
}
.banner-section .left-col-bg{display: none;}
.banner-section .container{padding: 0;}
.banner-section .banner-left{
background: url('../images/lef-col-bg-mob.jpg') center right no-repeat;
background-size: cover;
padding-bottom: 168px;
}
.banner-section .banner-right{
background: url('../images/right-col-bg-mob.jpg') center right no-repeat;
background-size: cover;	
}
.preloader .load.loader-right a img{max-width: 100%; position: relative;top: 25px;padding-right: 25px;}
.preloader .load.loader-left a img{max-width: 100%;display: block;margin-left: auto;padding-left: 25px;}
.banner-section.design02 .hover-track{pointer-events: none;}
.banner-section.design02 .hover-track .col-6{background: none;}
.preloader .line-wrapper{width: 100%;padding: 0 25px;top: 40%;}
.banner-section .align-content{min-height: 0;text-align: center;}
.preloader.design02 .butterfly.fly6{top: calc(53% + 42px);}
.window-open-btn{top: calc(53% + 169px);width: 300px;font-size: 12px;padding-top: 0;}
.preloader.design02 .fly2 .butterfly-small {
transform: rotate(-30deg) translate(30px, 60px) scale(0.45);}
.preloader.design02 .butterfly.fly6 .butterfly-small {
transform: rotate(0deg) translate(30px, 60px) scale(0.4);}
.preloader.design02 .fly1 .butterfly-small {
transform: rotate(0deg) translate(30px, 60px) scale(0.5);}
/*body{overflow: hidden;}
body.window-loaded{overflow: auto;}*/
.banner-section.design02 .btn ,
.banner-section.design02 .btn.garman_text{
font-size: 14px;
padding: 15px 22px;
padding-right: 40px;
text-align: center;
}
.banner-section.design02 .btn i,
.banner-section.design02 .btn.garman_text i {
right: 22px;
top: 14px;
font-size: 20px;
}
.preloader.design02.style2 .loader-left::after{    
background: #01243a url(../images/background-left-mob.jpg) center right no-repeat;
}
.preloader.design02.style2 .loader-right::after {
background: #01243a url(../images/background-right-mob.jpg) center left no-repeat;
}
.preloader .load a{top: 40%;}
.banner-section.design02{text-align: center;padding-bottom: 0;}
.banner-section.design02 p{font-size: 16px;margin: 0;}
.banner-section h2 {font-size: 34px;}
.banner-section.design02 .logo{width: 290px;margin-top: -196px;}
}
@media(max-width: 360px){
.banner-section.design02 .btn{font-size: 11px;}	
.banner-section h2 {font-size: 30px;}
.banner-section.design02 p{font-size: 14px;}
.banner-section.design02 .btn, .banner-section.design02 .btn.garman_text {
font-size: 12px;
padding: 15px 16px;
padding-right: 35px;
}
.banner-section.design02 .btn i, .banner-section.design02 .btn.garman_text i {
right: 18px;
top: 14px;
font-size: 17px;
}
.banner-section.design02 .logo{width: 255px;top: -20px;}
.banner-section .banner-left{padding-bottom: 200px;}
}
/*...........butterfly landing page css start.............*/








/*.............buying agent html start..............*/
@media(min-width: 992.01px) and (max-width: 1200px){
.home_banner.business-section{padding: 50px 0;}	
.header-agent .navbar-brand img{max-width: 180px;}	
.header-agent .navbar-nav li{margin: 0 5px;}
.header-agent .navbar-nav li a{font-size: 16px;}
.header-agent .navbar-nav.social_top li a{font-size: 28px;}
.banner_content{max-width: 500px;}
.banner_content h1{font-size: 42px;}
.offer_grid .bx{padding: 25px;}
.detail_client li h3{font-size: 36px;}
.detail_client li p{font-size: 21px;}
.detail_client li:after{height: 60px;left: 142px;}
.detail_client li:nth-child(2):after{left: 190px;}
.footer_badge{    
top: -47px;
max-width: 174px;
right: 0;
}
.footer_menu, .footer_social{padding-right: 180px;}
.footer_menu{margin-top: 20px;}
.footer_social{display: block;margin-left: 5px;}
.footer_menu li a, .footer_social li a{padding: 5px 10px;}
.banner_content .button_style1, .banner_content .button_style1:hover{font-size: 16px;padding: 12px 20px;}
.home_banner.business-section .banner_content{max-width: 530px;}
.home_banner{background-position: 65% center;}
.silerspotinnerpage-class .footer .footer_badge{position: absolute;}
.silerspotinnerpage-class .footer .col-sm-9{display: block;}
.offer_grid .bx p{font-size: 15px;}
.offer_grid .bx{padding: 25px;padding-bottom: 35px;}
.offer_grid .col-sm-3{flex: 0 0 33.3%;max-width: 33.3%;}
.header-agent .navbar-nav li{margin: 0 8px;}
#contact-download-cat{padding: 10px 20px;}
}

@media(max-width: 992px){
.header-agent{padding: 5px 15px;}
.header-agent .navbar-brand img{max-width: 170px;}
.header-agent .navbar-nav li{margin: 0;padding: 0;}
.header-agent .navbar-nav li a:after{display: none;}
.header-agent .menu-nav{background: white;}
.header-agent .navbar-nav li a.nav-link:hover,
.header-agent .navbar-nav li.active a{color: #009af3 !important;}
.header-agent .menu-nav li {border-bottom: 1px solid #dcdee0;}
.header-agent .menu-nav li:last-child {border: 0;}
.header-agent .navbar-nav li a{padding: 10px 0;display: inline-block;}
.inner_flag{top: 37px;right: 65px;}
/*......mobile img show start.....*/
.home_banner.business-top{padding: 0;background: #000000;display: block;}
.home_banner.business-top .home_banner_mob{display: block;width: 100%;}
.home_banner.business-top .banner_content{max-width: 100%;padding: 40px 5px;}
.home_banner.business-section{padding: 0;background: #000000;display: block;}
.home_banner.business-section .business-mobile-banner{display: block;width: 100%;}
.home_banner.business-section .banner_content{max-width: 100%;padding: 40px 5px;}
.why_choose .about_banner_mob{display: block;width: 100%;}
.why_choose{background: #000000;padding: 0;}
.why_choose .row{padding: 40px 0px 100px;}
/*......mobile img show end.....*/
}    
@media(min-width: 767.01px) and (max-width: 992px){
.banner_content h1{font-size: 38px;}	
.banner_content{max-width: 440px;}
.offer_grid .col-sm-3{flex: 0 0 50%;max-width: 50%;}
.offer_grid .bx p{font-size: 16px;}
.why_choose .col-sm-7{flex: 0 0 100%;max-width: 100%;}
.detail_client li h3{font-size: 32px;}
.detail_client li p{font-size: 15px;}
.detail_client li:after{left: 168px;height: 57px;}
.detail_client li:nth-child(2):after{left: 149px;}
.footer_badge{max-width: 130px;top: -10px;right: 0;}
.footer_menu, .footer_social{padding-right: 145px;}
.footer_social{margin-left: 10px;}
.footer_menu{margin-top: 15px;}
.why_choose .row{padding-bottom: 60px;}
.home_banner{background-position: 72% center;min-height: 505px;}
.banner_content .button_style1, .banner_content .button_style1:hover{
padding: 10px 20px;font-size: 14px;}
.banner_content .button_style1 i{top: 0;}
.home_banner.business-section .banner_content{padding: 50px 0;}
.about-business .row{margin: 0 -15px;}
.about-business .row .col-sm-3{padding: 0 15px;}
.about-business .icon img{max-width: 65px;}
.about-business h3{font-size: 30px;margin: 10px 0;}
.about-business{font-size: 15px;}
#book-appointment .modal-lg {max-width: 660px;}
.banner_content h1 br{display: none;}
.silerspotinnerpage-class .footer .footer_badge{position: absolute;}
.silerspotinnerpage-class .footer .col-sm-9{display: block;}
.business-section .button_style1.business_btn:after{display: none;}
#contact_map{height: 400px;}
.contact_page > .row > .col-sm-6{flex: 0 0 100%;max-width: 100%;}
.contact_page .contact_form{max-width: 100%;padding: 30px;}
#contact-download-cat{padding: 0 20px;}
.footer_menu, .footer_social{padding-right: 117px;}
.footer_social{display: flex;margin-left: -5px;}
.page-id-13 .footer_menu,.page-id-13  .footer_social{padding-right: 125px;}
.page-id-13 .footer_social{margin-left: 0;}
.page-id-13 .footer_badge{width: 143px!important;top: -11px;right: 9px;}
}
@media(max-width: 767px){
.banner_content h1{font-size: 30px;}
.business-section .banner_content h1{font-size: 28px;}
.button_style2{margin-left: 0;margin-top: 15px;font-size: 16px;}
.banner_content .button_style1, .banner_content .button_style1:hover{
position: relative;font-size: 16px;padding: 10px 25px;}
.button_style1 i{
position: absolute;
right: 26px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);	
}
.subtext{font-size: 18px;}
.offer_grid{margin-top: 35px;}
.global_heading{font-size: 36px;}
.why_choose h4{font-size: 22px;}
.footer_badge{
top: -95px;
max-width: 200px;
left: 50%;
transform: translateX(-50%);
}
.footer{text-align: center;padding: 100px 0 20px;}
.footer .col-sm-9{position: static;}
.home_banner{
background-position: 68% center;
min-height: 0;
padding: 70px 0;
}
.button_style1.business_btn, .button_style1.business_btn:hover{    
padding: 10px 40px 10px 20px;
font-size: 16px;
}
.button_style1.business_btn:after{top: 10px;}
.about-business .row{margin: 0 -15px;}
.about-business .row .col-sm-3{
padding: 0 15px;
border: 0;
text-align: center;
margin-bottom: 15px;
padding-bottom: 15px;
}
.footer_menu li a, .footer_social li a{display: inline-block;}
.silerspotinnerpage-class .footer .footer_badge{position: absolute;}
.silerspotinnerpage-class .footer .col-sm-9{display: block;}
.popup-silverspot#book-appointment .popup-img{background: #f7ead9;}
.popup-silverspot#book-appointment .popup-img h4{padding-top: 45px;}
.popup-silverspot .upload label{padding: 10px 20px;display: flex;align-items: center;}
.banner_content h1 br{display: none;}
#contact_map{height: 400px;}
.contact_page .col-sm-6{flex: 0 0 100%;max-width: 100%;}
.contact_page .contact_form{max-width: 100%;padding: 30px;}
#contact-download-cat{text-align: center;padding: 30px 20px 80px;}
}
@media(max-width: 576px){
.button_style2, .button_style2:hover{margin-left: 0;}
.detail_client{display: block;}	
.detail_client li:after{display: none;}
.detail_client li{    
border-bottom: 1px solid #262626;
padding-bottom: 10px;
margin-bottom: 10px;
}
.detail_client li:last-child{border: 0;margin: 0;padding: 0;}
.popup-silverspot#book-appointment .popup-form select.form-control{margin-top: 16px;}
.detail_client li:before{display: none;}
}
@media(min-width: 576.01px) and (max-width: 767px){
.button_style2{margin-left: 10px;}	
.offer_grid .col-sm-3{flex: 0 0 50%;max-width: 50%;}
.why_choose .col-sm-7,
.footer .col-sm-9,.footer .col-sm-3{flex: 0 0 100%;max-width: 100%;}
.detail_client li h3{font-size: 32px;}
.detail_client li p{font-size: 18px;}
.detail_client li:after{left: 133px;height: 57px;}
.detail_client li:nth-child(2):after{left: 179px;}
.about-business .row .col-sm-3{flex: 0 0 50%;max-width: 50%;}
.popup-silverspot#book-appointment .popup-form select.form-control{background: white;}
.banner_content .button_style1, .banner_content .button_style1:hover{padding-right: 45px;}
.banner_content{max-width: 380px;}
#contact-download-cat{padding: 30px 50px 90px;text-align: center;}
}
/*.............buying agent html end..............*/








/*.............prormotion css start..............*/
@media(min-width: 992.01px) and (max-width: 1200px){
.personalize-content .content-inner{max-width: 430px;padding-right: 40px;}	
.personalize-content .content-inner p{font-size: 20px;}
.personalize-content .content-inner h3{font-size: 42px;}
.product-section .product-card img{height: 200px;}
.global-btn{padding: 14px 35px;}
.country-select .country-list{width: 200px;}
}
@media(min-width: 767.01px) and (max-width: 992px){
.personalize-content .content-inner{max-width: 325px;padding:0;padding-right: 0}	
.personalize-content .content-inner p{font-size: 16px;}
.personalize-content .content-inner h3{font-size: 32px;margin-bottom: 30px;}
.global-btn{font-size: 21px;padding: 9px 35px;}
.global-btn i{margin-left: 15px;font-size: 18px;}
.download-catalogue .download-inner{padding: 25px 30px;}
.download-catalogue .download-inner h3{font-size: 22px;margin-right: 15px;}
.partner-card .card-desc h3{font-size: 18px;}
.partner-card .card-desc{padding: 15px 20px;}
.company-partner .row{margin: 0 -15px;}
.company-partner .col-md-6{padding: 0 15px;}
.footer-partner .navbar-brand img{max-width: 110px;}
.footer-partner .menu-nav li{margin-left: 8px;}
.footer-partner .menu-nav li a{font-size: 13px;}
.footer-partner .social-nav li a{font-size: 24px;}
.footer-partner .social-nav li {margin-left: 0;}
.footer-partner .social-nav{margin-left: 0;}
.product-section .product-card img{height: 150px;}
}
@media(max-width: 992px){
.why_choose.why_choose_promotion{background: #000000;}
.why_choose.why_choose_promotion .about_badge{
position: static;
text-align: center;
}	
.why_choose.why_choose_promotion .about_badge img{
margin: 0;
margin-top: -70px;
margin-bottom: -38px;
max-width: 200px;
}
.why_choose.why_choose_promotion .row{padding-bottom: 100px;}
.country-select .country-list{width: 260px;}
}
@media(max-width: 767px){
.personalize-inner .personalize-content{
position: static;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;	
}	
.personalize-content .content-inner{padding: 20px 0;}
.personalize-content .content-inner h3{font-size: 34px;}
.personalize-content .content-inner p{font-size: 18px;margin-bottom: 5px;}
.download-catalogue .download-inner{padding: 20px 30px;display: block;}
.download-catalogue .download-inner h3{margin-bottom: 15px;font-size: 25px;}
.global-btn{font-size: 21px;}
.partner-card .card-desc{font-size: 14px 17px;}
.partner-card .card-desc h3{font-size: 18px;}
.company-partner .row{margin: 0 -15px;}
.company-partner .col-md-6{padding: 0 15px;margin-bottom: 15px;}
.footer-partner .navbar{display: block;text-align: center;}
.footer-partner .menu-nav{display: block;}
.footer-partner .menu-nav li{display: inline-block;margin-left: 20px;}
.footer-partner .menu-nav li:first-child{margin-left: 0;}
.footer-partner .social-nav{margin-left: 0;flex-direction: row;justify-content: center;}
.personalize-section{
background: #eeeef0;
margin-bottom: 45px;
padding: 40px 0 20px;
text-align: center;
}
.product-section .row{margin: 0 -5px;}
.product-section .col-sm-3{flex: 0 0 50%;max-width: 50%;padding: 0 5px;margin-bottom: 10px}
.product-section .product-cat{font-size: 28px;}
}
@media(max-width: 576px){
.personalize-inner > img.mobile-img{display: block;}	
.personalize-inner > img.desktop-img{display: none;}
.product-section .product-card img{height: 150px;}
.google-reviews-section .heading{font-size: 32px;margin-bottom: 20px;}
.google-reviews-section{padding: 40px 0;}
}
@media(min-width: 576.01px) and (max-width: 767px){
.product-section .col-sm-3{flex: 0 0 25%;max-width: 25%;}	
.product-section .product-card img{height: 110px;}
}
/*..............promotion css end................