.magazine-section {
    width: 100%;
}


.magazine-section .my-page a,
.magazine-section .my-page img,
.magz_preview_ctn .my-page a,
.magz_preview_ctn .my-page img {
	width: 100%;
	height: 100%;
}


.magazine-section .mag_background-img{
	width: 100%;
	height: 100%;
	position: relative;
	min-height: inherit;
}

.magazine-section .mag_background-img,
.magz_preview_main .magz_preview_ctn{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.magazine-section .main-magazine-ctn,
.magz_preview_main .magz_preview_ctn,
.magz_preview_main .mag_border {
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
}

.magazine-section:not([data-layout="none"]) .main-magazine-ctn,
.magz_preview_main .mag_border:not([data-layout="none"]){
	border-style: solid;
	border-width: 10px 20px;
	border-image: url(/webmodules/magslider/res/border/border.png) 20 stretch;
}

@media (max-width: 800px){
	.magazine-section:not([data-layout="none"]) .main-magazine-ctn{
		border-style: solid;
		border-width: 10px 10px 10px 0px;
		border-image: url(/webmodules/magslider/res/border/border-mobile.png) 20 stretch;
	}
}
	

.magz_preview_main .magz_preview_ctn {
    width: 80%;
    height: 80%;
}

.magazine-section .magazineBtn,
.magz_preview_ctn .magazineBtn {
    position: absolute;
}

.magazine-section .book_frame,
.magz_preview_main .book_frame{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
    pointer-events: none;
    justify-content: center;
    align-items: center;
}


/*################  Number Frame  #####################*/

.magazine-section .book_frame ,
.magz_preview_ctn .book_frame {
	height: 100%;
	width: 100%;
}


.magazine-section .my-page svg,
.magz_preview_ctn .my-page svg{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
}


.magazine-section .book_frame svg,
.magz_preview_ctn .book_frame svg{
	height: 100%;
	width: 50%;
}


.magz_preview_main .magz_preview_ctn .page_num .num_text,
.magazine-section .page_num .num_text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.magz_preview_main .magz_preview_ctn .page_num,
.magazine-section .page_num{
	position: absolute;
	bottom: 0%;
}

.magz_preview_main .magz_preview_ctn .page_num.num_one,
.magazine-section .page_num.num_one {
	left:0%;
	z-index:1;
}


.magz_preview_main .magz_preview_ctn .page_num.num_two,
.magazine-section .page_num.num_two {
	right:0%;
	z-index:1;
}

.magz_preview_main .magz_preview_ctn[data-frame="default"] .page_num.num_one,
.magazine-section[data-frame="default"] .page_num.num_one{
	left:0%;
	bottom:0%;
	z-index:1;
	width: 40px;
	height: 40px;
}

.magz_preview_main .magz_preview_ctn[data-frame="default"] .page_num.num_two,
.magazine-section[data-frame="default"] .page_num.num_two {
	right:0%;
	bottom:0%;
	z-index:1;
	width: 40px;
	height: 40px;
}



/*################  Background Image  #####################*/


.magz_preview_main .magz_preview_ctn[data-backimg="none"]{
	background: white;
}

.magazine-section[data-backimg="blue-marble"] .mag_background-img,
.magz_preview_ctn[data-backimg="blue-marble"]{
	background-image: url('/webmodules/MagSlider/res/background images/bluemarble.jpg')
}

.magazine-section[data-backimg="cobble"] .mag_background-img,
.magz_preview_ctn[data-backimg="cobble"]{
	background-image: url('/webmodules/MagSlider/res/background images/cobble.jpg')
}

.magazine-section[data-backimg="sand"] .mag_background-img,
.magz_preview_ctn[data-backimg="sand"]{
	background-image: url('/webmodules/MagSlider/res/background images/darksand.jpg')
}

.magazine-section[data-backimg="white-marble1"] .mag_background-img,
.magz_preview_ctn[data-backimg="white-marble1"]{
	background-image: url('/webmodules/MagSlider/res/background images/leaf1.jpg')
}

.magazine-section[data-backimg="white-marble2"] .mag_background-img,
.magz_preview_ctn[data-backimg="white-marble2"]{
	background-image: url('/webmodules/MagSlider/res/background images/leaf2.jpg')
}

.magazine-section[data-backimg="white-marble3"] .mag_background-img,
.magz_preview_ctn[data-backimg="white-marble3"]{
	background-image: url('/webmodules/MagSlider/res/background images/marble.jpg')
}

.magazine-section[data-backimg="light-wood"] .mag_background-img,
.magz_preview_ctn[data-backimg="light-wood"]{
	background-image: url('/webmodules/MagSlider/res/background images/lightwood.jpg')
}

.magazine-section[data-backimg="dark-wood"] .mag_background-img,
.magz_preview_ctn[data-backimg="dark-wood"]{
	background-image: url('/webmodules/MagSlider/res/background images/wood.jpg')
}

.magazine-section[data-backimg="nature"] .mag_background-img,
.magz_preview_ctn[data-backimg="nature"]{
	background-image: url('/webmodules/MagSlider/res/background images/nature.jpg')
}


/*################  Button Layout   #####################*/

.magazine-section .magazineBtn .btn_text,
.magz_preview_ctn .magazineBtn .btn_text{
	color: inherit;
}

/* Round */

.magazine-section[data-btn="standard"] .magazineBtn,
.magz_preview_ctn[data-btn="standard"] .magazineBtn{
    border-radius: 50%;
    padding: 15px;
	width: 45px;
    height: 45px;
    top: calc(45%);
}

.magazine-section[data-btn="standard"] .magazineBtn i.center_i,
.magz_preview_ctn[data-btn="standard"] .magazineBtn i.center_i {
	font-size: 35px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.magazine-section[data-btn="standard"] .magazineBtn.prev,
.magz_preview_ctn[data-btn="standard"] .magazineBtn.prev{
	/*left: -5%*/
    left: calc(-5% - 45px);
}

.magazine-section[data-btn="standard"] .magazineBtn.next,
.magz_preview_ctn[data-btn="standard"] .magazineBtn.next{
    /*right: 105%;*/
	right:calc(-5% - 45px);
}

@media (max-width: 800px){
	
	.magazine-section[data-btn="standard"] .magazineBtn.prev{
		left: calc(-5% - 12px);
	}
	
	.magazine-section[data-btn="standard"] .magazineBtn.next{
		right: calc(-5% - 21px);
	}
	
	.magazine-section[data-btn="standard"] .magazineBtn{
		width: 20px;
		height: 20px;
		padding: 5px;
	}
	
	.magazine-section[data-btn="standard"] .magazineBtn i.center_i{
		font-size: calc(100% - 4px);
	}
}


/* SideTab */
.magazine-section[data-btn="side"] .magazineBtn,
.magz_preview_ctn[data-btn="side"] .magazineBtn{
    top: 0%;
    height: 80px;
    width: 47px;
}

.magazine-section[data-btn="side"] .magazineBtn.prev,
.magz_preview_ctn[data-btn="side"] .magazineBtn.prev{
	border-radius: 20px 0 0 20px;
	left : calc(0% - 67px);

}

.magazine-section[data-btn="side"] .magazineBtn.next,
.magz_preview_ctn[data-btn="side"] .magazineBtn.next{
	border-radius: 0 20px 20px 0;
    left : calc(100% + 20px);
}


.magazine-section[data-btn="side"] .magazineBtn.prev .btn_text,
.magz_preview_ctn[data-btn="side"] .magazineBtn.prev .btn_text{
    -webkit-transform: rotate(90deg) translate(-45%, 50%);
    -moz-transform: rotate(90deg) translate(-45%, 50%);
    -o-transform: rotate(90deg) translate(-45%, 50%);
    -ms-transform: rotate(90deg) translate(-45%, 50%);
    transform: rotate(90deg) translate(-45%, 50%);
	position: absolute;
    top: 50%;
    left: 50%;
}

.magazine-section[data-btn="side"] .magazineBtn.next .btn_text,
.magz_preview_ctn[data-btn="side"] .magazineBtn.next .btn_text{
	-webkit-transform: rotate(-90deg) translate(30%, -75%);
    -moz-transform: rotate(-90deg) translate(30%, -75%);
    -o-transform: rotate(-90deg) translate(30%, -75%);
    -ms-transform: rotate(-90deg) translate(30%, -75%);
    transform: rotate(-90deg) translate(30%, -75%);
    position: absolute;
    top: 50%;
    left: 50%;
}

@media (max-width: 800px){
	.magazine-section[data-btn="side"] .magazineBtn{
		height: 50px;
		width: 20px;
	}
	
	.magazine-section[data-btn="side"] .magazineBtn .btn_text{
		font-size: calc(100% - 4px);
	}
	
	.magazine-section[data-btn="side"] .magazineBtn.next{
		border-radius: 0 10px 10px 0;
		left: calc(100% + 10px);
	}
	
	.magazine-section[data-btn="side"] .magazineBtn.prev{
		border-radius: 10px 0 0 10px;
		left: calc(0% - 20px);
	}
}


/* TopTab */ 

.magazine-section[data-btn="top-tab"] .magazineBtn,
.magz_preview_ctn[data-btn="top-tab"] .magazineBtn{
    border-radius: 20px 20px 0 0;
    padding: 5px 35px;
	/*top: calc(0% - 25px);*/
	top: calc(0% - 40px);
}

.magazine-section[data-btn="top-tab"] .magazineBtn.prev,
.magz_preview_ctn[data-btn="top-tab"] .magazineBtn.prev{
    left: 2%;
}

.magazine-section[data-btn="top-tab"] .magazineBtn.next,
.magz_preview_ctn[data-btn="top-tab"] .magazineBtn.next{
    right: 2%;
}

@media (max-width: 800px){
	.magazine-section[data-btn="top-tab"] .magazineBtn{
		 border-radius: 10px 10px 0 0;
		 padding: 5px 20px;
	}
	
	.magazine-section[data-btn="top-tab"] .magazineBtn .btn_text{
		    font-size: calc(100% - 4px);
	}
}


/* Bottom */

.magazine-section[data-btn="bottom"] .magazineBtn,
.magz_preview_ctn[data-btn="bottom"] .magazineBtn{
    border-radius: 20px;
    padding: 5px 65px;
	/* top: calc(0% - 40px);*/
}

.magazine-section[data-btn="bottom"] .magazineBtn.prev,
.magz_preview_ctn[data-btn="bottom"] .magazineBtn.prev{
    left: 5%;
}

.magazine-section[data-btn="bottom"] .magazineBtn.next,
.magz_preview_ctn[data-btn="bottom"] .magazineBtn.next{
    right: 5%;
}

@media (max-width: 800px){
	.magazine-section[data-btn="bottom"] .magazineBtn{
		 border-radius: 10px;
		 padding: 5px 20px;
	}
	
	.magazine-section[data-btn="bottom"] .magazineBtn .btn_text{
		    font-size: calc(100% - 4px);
	}
}


/* TopCenterFloat */

.magazine-section[data-btn="top-float"] .magazineBtn.next,
.magz_preview_ctn[data-btn="top-float"] .magazineBtn.next{
    border-radius: 7px;
    border: none;
    color: white !important;
    padding: 5px 35px;
    top: calc(-7%);
}

.magazine-section[data-btn="top-float"] .magazineBtn.prev,
.magz_preview_ctn[data-btn="top-float"] .magazineBtn.prev{
    left: 33%;
}

.magazine-section[data-btn="top-float"] .magazineBtn.next,
.magz_preview_ctn[data-btn="top-float"] .magazineBtn.next{
    right: 33%;
}


/* TopCenter */

.magazine-section[data-btn="top-center"] .magazineBtn,
.magz_preview_ctn[data-btn="top-center"] .magazineBtn{
    border-radius: 7px 7px 0 0;
    padding: 5px 35px;
    /*top: -28px;*/
	width: 100px;
	display: inline-block;
	top: calc(0% - 40px);
}

.magazine-section[data-btn="top-center"] .magazineBtn.prev,
.magz_preview_ctn[data-btn="top-center"] .magazineBtn.prev{
    left: 30%;
}

.magazine-section[data-btn="top-center"] .magazineBtn.next,
.magz_preview_ctn[data-btn="top-center"] .magazineBtn.next{
    right: 30%;
}

@media (max-width: 800px){
	.magazine-section[data-btn="top-center"] .magazineBtn{
		  border-radius: 3px 3px 0 0;
		 padding: 5px 10px;
		 width: 50px;
	}
	
	.magazine-section[data-btn="top-center"] .magazineBtn .btn_text{
		    font-size: calc(100% - 4px);
	}
}


/* Mobile devices */

.magazine-section .mag_message{
	display:none;
	padding: 15px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-height: 800px){

	.magazine-section:is([data-layout="standard"], [data-layout="landscape"]) { 
		min-height: 600px;
	}

	.magazine-section:is([data-layout="large"]) { 
		min-height: 800px;
	}
}

@media (max-height: 799px){
	.magazine-section:is([data-layout="standard"], [data-layout="landscape"]) { 
		min-height: 400px;
	}

	.magazine-section:is([data-layout="large"]) { 
		min-height: 600px;
	}
}