@media(min-width: 768px){

	/*header*/
	.header{
		position: initial;
	}

	.top-contact span{
		display: initial;
	}
	
	#logo-bar{
		margin: 0;
	}
        
        .line{
            margin-left: 84px;
        }

	/*main*/
	#main{
		margin: 0;
	}

	/*slogan*/
	#slogan{
		padding-top: 40px;
		padding-bottom: 80px;
	}
	#slogan h2{
		font-size: 24px;
	}
	#slogan span{
		font-size: 20px;
	}

	/*nav*/
	#nav li{
		float: none;
		display: table-cell;
		border-bottom: none;
	}

	/*girls*/
	#banner .swiper-slide{
		height: 600px;
	}
        
        /*premium girls slide*/
        .premium-slide{
            height: 395px;
        }

	/*slider*/
	.custom-prev-button, 
    .custom-next-button{
    	top: 42%;
    	font-size: 35px;
    }
  	.custom-prev-button{
    	left: 20px;
    }
    .custom-next-button{
    	right: 20px;
    }
    /*crown*/
        .crown{
            height: 47px;
            width: 47px;
            position:absolute;
            z-index: 3;
            top: -4px;
            left:-10px;  
        }
        .premiumImage{
            position: absolute;
            top: -27px;
            left: 24px;
            width: 209px;
            height: 143px;
        }
}

@media(min-width: 1024px){

	/*header*/
	.top-contact span{
		font-size: 24px;
	}

	/*lightbox*/
	#lightbox-container-image-box,
	#lightbox-container-image-data-box{
		width: 30% !important; 
		height: auto !important;
	}

	.page-title{
		padding: 20px;
	}
	.page-title h2{
		font-size: 30px;
	}
        .line{
            margin-left: 195px;
        } 
        .premiumImage{
            position: absolute;
            top: -10px;
            left: -8px;
            width: 152px;
            height: 124px;
        }
}

@media(min-width: 1200px){

	/*banner*/
	#banner-upper-left{
		width: 49px;
		height: 62px;
		top: 0;
		left: 0;
	}

	#banner-upper-right{
		width: 49px;
		height: 62px;
		top: 0;
		right: 0;
	}

	#banner-lower-left{
		width: 49px;
		height: 62px;
		bottom: 0;
		left: 0;
	}

	#banner-lower-right{
		width: 49px;
		height: 62px;
		bottom: 0;
		right: 0;
	}
        .line{
            margin-left: 294px;
        }

	/*nav*/
	#nav a{
		padding-top: 32px;
		padding-bottom: 26px;
		font-size: 24px;
                color: #000;
                font-family: "Myriad Pro Semibold" ;
	}

	/*slogan*/
	#slogan{
		padding-top: 130px;
		padding-bottom: 200px;
	}

	#slogan h2{
		font-size: 36px;
	}

	#slogan span{
		font-size: 24px;
	}

	/*shop slider*/
	#shop-swiper{
		width: 1090px;
	}
	.custom-prev-button {
        left: -20px;
    }
    .custom-next-button {
        right: -20px;
    }
	.custom-prev-button, .custom-next-button{
    	top: 45%;
		font-size: 45px;
	}
        /*premium image*/
        .pre-image{
            border:2px solid #dc9b44;
        }
        /*crown*/
        .crown{
            height: 60px;
            width: 60px;
            position:absolute;
            top: -12px;
            left:-17px; 
            z-index:5;
        }
        .premiumImage{
            position: absolute;
            top: -13px;
            left: 10px;
            width: 168px;
            height: 129px;
        }
}

@media (max-width: 1199px) {
	.top-contact {
		margin-bottom: 0;
	}
	.top-contact span.address,
	.top-contact span.call
	{
		float: none;
		display: block;
		font-size: 36px;
	}
        #nav a{
            display: block;
            min-height: 50px;
            padding-top: 28px;
            padding-bottom: 28px;
            font: 18px/14px "Myriad Pro Semibold";
            font-weight: bold;
            color: #000;
        }
        .botShopInfo{
            margin-top: 20px;
            margin-bottom: 20px;
            font-family: "Myriad Pro semibold";
            font-size: 17px;
            color: #dc9b44;
        }
        
}

@media (max-width: 767px) {
	.header {
		position: relative;
	}
	#main {
		margin-top: 0;
	}
	#logo-bar img {
		margin: 0 auto;
	}
	#logo-bar .row {
		margin: 0;
	}
        .logo-bar .shop-info {
            font-size: 28px;
        }

	.top-contact {
		margin-top: -30px;
		margin-bottom: 10px;
	}
	.top-contact .phone
	{
		left: 0;
	}
	.nav-bg {
		min-height: 50px;
		/*background: #ba2e44;*/
	}
	#nav li {
		border-bottom: 1px solid #2a4255;
	}
	#nav a {
		padding-top: 7px;
		padding-bottom: 5px;
                font-size: 16px;
                min-height: 28px;
	}
	.girl-name-desktop > .girl-name {
		display: none;
	}
        .section-title{
            font-size: 37px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
  
         /*crown*/
        .crown{
            height: 60px;
            width: 60px;
            position:absolute;
            top: -36px;
            left:-20px; 
            z-index: 3;
        }
        .botShopInfo{
            margin-top: 20px;
            margin-bottom: 20px;
            font-family: "Myriad Pro semibold";
            /*font-weight: bold;*/
            font-size: 20px;
            color:#dc9b44;
        }
        .line{
            width: 100%;
            margin-left: 0px;
        }
        
        .premiumImage{
            position: absolute;
            top: -23px;
            left: -50px;
            width: 209px;
            height: 152px;
        }
        .premium-title{
                margin-bottom: 90px;
        }
}

@media(max-width: 1023px) and (min-width: 992px) {
    .premiumImage{
            position: absolute;
            top: -18px;
            left: -23px;
            width: 175px;
            height: 121px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
	#nav a {
		display: block;
                min-height: 50px;
                padding-top: 28px;
                padding-bottom: 28px;
                font: 14px/14px "Myriad Pro Semibold";
                font-weight: bold;
                color: #000;
	}     
}

@media (min-width: 414px) and (max-width: 606px){
    .logo-bar .shop-info {
        font-size: 17px;
        margin-bottom: 5px;
        margin-top: -10px
    }
    .welcome-title{
        font-size: 32px;
        margin-top: 10px;
    }
    .section-content{
        margin-top: -17px;
    }
    .section-title{
        font-size: 32px;
    }
}
/*Ipone6*/
@media (max-width: 413px) {
    .logo-bar .shop-info {
        font-size: 12px;
        margin-top:-12px;
        margin-bottom: 3px;
    }
    
    .welcome-title{
        font-size: 30px;
        margin-top:6px;
    }
    
    .section-content{
        margin-top: -3px;
    }
    .premiumImage{
            position: absolute;
            top: -17px;
            left: 40px;
            width: 165px;
            height: 126px;
        }
        .section-title{
        font-size: 23px;
    }
}
@media (max-width: 320px){
    .premiumImage{
            position: absolute;
            top: -13px;
            left: 16px;
            width: 159px;
            height: 120px;
        }
}