.custom-modal .btn-danger {
    color: #ffffff;
    background: linear-gradient(#a07c43, #debc7b) !important;
    border-color: #debc7b !important;
    position: absolute;
    top: 8px;
    left: 12px;
    padding: 8px 20px 8px 20px;
    font-size: 24px;
    box-shadow: 2px 1px 3px #332e2e;
}
.custom-modal .btn-danger:hover{
    transform: rotate(360deg) !important;    
}

.right_btn {
    right: 12px !important;
    left: auto !important;
}

.crictics_close.close.custom-modal.close{margin: 0 !important}



@media only screen and (max-width:3200px){#english-wrap, #urdu-wrap{padding:4% 0 0 0!important;}
}
@media only screen and (min-width:2530px) and (max-width:3199px){#english-wrap, #urdu-wrap{padding:4% 0 0 0!important;}
}
@media only screen and (min-width:1890px) and (max-width:2529px){#english-wrap, #urdu-wrap{padding:4% 0 0 0!important;}
}
@media only screen and (min-width:1650px) and (max-width:1889px){#english-wrap, #urdu-wrap{padding:4% 0 0 0!important;}
}
@media only screen and (min-width:1410px) and (max-width:1649px){#english-wrap, #urdu-wrap{padding:4% 0 35px 0!important;}
}
@media only screen and (min-width:1350px) and (max-width:1409px){#english-wrap, #urdu-wrap{padding:0% 0 50px 0!important;}
}
@media only screen and (min-width:1200px) and (max-width:1349px){#english-wrap, #urdu-wrap{padding:0% 0 25px 0!important;}
}
@media only screen and (min-width:960px) and (max-width:1199px){.responsive .nav li a{font-size:12px;letter-spacing:-1px;}
#english-wrap, #urdu-wrap{padding:0 0 0 0!important;}
.responsive #english-wrap, .responsive #urdu-wrap{padding-top:52px;}
.responsive #english-wrap .maincontainer{padding-right:140px;}
.responsive #english-wrap .logo-image img{margin-left:6%;}
.responsive #urdu-wrap .maincontainer{padding-left:140px;}
.responsive #urdu-wrap .responsive-head .mobileportrait{display:none;}
.jp-audio .jp-volume-controls .jp-volume-max, .jp-audio-stream .jp-volume-controls .jp-volume-max{right:30%!important;}
.responsive .short-biography-wrapper .inner-page-main{height:353px;}
.responsive .item .big-text img{width:95%;}
.responsive .english-version-complete-work .book{left:40%;}
.responsive .magazine-viewport .magazine{width:750px!important;}
.responsive #videoModalbook .zoom-icon{right:53.5%;top:14%;}
.responsive .magazine-viewport .magazine.zoom-in{width:2633px!important;}
.responsive .tool-box{left:28%;}
}
@media only screen and (min-width:768px) and (max-width:959px){body.responsive{overflow:visible;background-size:contain;-moz-background-size:contain;-webkit-background-size:contain;}
#english-wrap, #urdu-wrap{padding:0 0 0 0!important;}
.responsive #logo, .responsive .logo-image, .responsive #english-wrap .switch-btn, .responsive #urdu-wrap .switch-btn, .responsive .desktop-version-urdu{display:none;}
.responsive .responsive-head, .responsive .responsive-head #logo, .responsive .responsive-head .logo-image, .responsive #english-wrap .responsive-head .switch-btn, .responsive #urdu-wrap .responsive-head .switch-btn{display:block;}
.responsive .nav1 .responsive-head{margin-top:20px;}
.nav li:hover, .nav li:active, .nav li:focus, .nav li:visited, .nav li.active{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;}
.responsive .collapse.in{margin-top:0px;border:none;}
.responsive .navbar-collapse ul li{margin-bottom:0;}
.responsive .navbar-collapse{position:absolute;left:0;z-index:+1;}
.responsive .nav1{box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none;}
.responsive footer ul{float:none;padding:4px 11px 0 0;}
.responsive #english-wrap .switch-btn span{width:100px;height:21px;}
.responsive #english-wrap .responsive-head #logo{float:left;}
.responsive #english-wrap .responsive-head .logo-image{text-align:right;position:relative;top:53px;float:right;margin-right:88px;}
.responsive #english-wrap .responsive-head .switch-btn{float:right;margin:4px 15px 0 0;position:relative;z-index:+1;}
.responsive #english-wrap .navbar-toggle{float:left;}
.responsive #urdu-wrap .collapse.in{margin-top:0px;border:none;}
.responsive #urdu-wrap .responsive-head #logo{float:right;}
.responsive #urdu-wrap .responsive-head .logo-image{text-align:left;position:relative;top:53px;float:left;}
.responsive #urdu-wrap .responsive-head .switch-btn{float:left;margin:4px 0 0 15px;position:relative;z-index:+1;}
.responsive #urdu-wrap .navbar-toggle{float:right;margin-top:15px}
.responsive #urdu-wrap #logo img{width:190px;}
.responsive #urdu-wrap .responsive-head .mobileportrait{display:none;}
.responsive .responsive-nav-tabs-urdu{display:block;}
.responsive footer{text-align:center;}
.jp-audio .jp-volume-controls .jp-volume-max, .jp-audio-stream .jp-volume-controls .jp-volume-max{right:30%!important;}
.responsive .short-biography-wrapper{min-height:550px;width:100%;}
.responsive .short-biography-wrapper .inner-page-main{height:427px;top:57px;}
.responsive .item .big-text img{width:92%;}
.responsive .english-version-complete-work .book{left:40%;}
.responsive .magazine-viewport .magazine{width:690px!important;}
.responsive #videoModalbook .zoom-icon{right:53.5%;top:14%;}
.responsive .tool-box{left:28%;}
.responsive .magazine{width:650px!important;height:700px!important}
.responsive .magazine.zoom-in{width:700px!important;height:800px!important}
}
@media only screen and (min-width:480px) and (max-width:767px){body.responsive{overflow:visible;background-size:contain;-moz-background-size:contain;-webkit-background-size:contain;}
.responsive #logo, .responsive .logo-image, .responsive #english-wrap .switch-btn, .responsive #urdu-wrap .switch-btn, .responsive .desktop-version-urdu{display:none;}
.responsive .responsive-head, .responsive .responsive-head #logo, .responsive .responsive-head .logo-image, .responsive #english-wrap .responsive-head .switch-btn, .responsive #urdu-wrap .responsive-head .switch-btn{display:block;}
#english-wrap, #urdu-wrap{padding:0 0 0 0!important;}
.responsive .nav1 .responsive-head{margin-top:20px;}
.nav li:hover, .nav li:active, .nav li:focus, .nav li:visited, .nav li.active{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;}
.responsive .collapse.in{margin-top:7px;border:none;}
.responsive .navbar-collapse ul li{margin-bottom:0;}
.responsive .navbar-collapse{position:absolute;z-index:+1;width:100%;}
.responsive .nav1{box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none;}
.responsive .navbar-nav{margin:0;}
.responsive footer ul{float:none;padding:4px 11px 0 0;}
.responsive #logo img{width:170px;}
.responsive footer{position:relative;text-align:center;}
.responsive .poetry-descript-main{overflow:hidden;margin-bottom:8px;}
.responsive #english-wrap .logo-image img{margin-left:10%;width:240px;}
.responsive #english-wrap .responsive-head #logo{float:left;}
.responsive #english-wrap .responsive-head .logo-image{text-align:right;position:relative;top:53px;float:left;}
.responsive #english-wrap .responsive-head .switch-btn{float:right;margin:8px 15px 0 0;position:relative;z-index:+1;}
.responsive #english-wrap .navbar-toggle{float:left;}
.responsive #urdu-wrap .logo-image img{margin-left:0%;width:240px;}
.responsive #urdu-wrap .collapse.in{margin-top:7px;border:none;}
.responsive #urdu-wrap .responsive-head #logo{float:right;}
.responsive #urdu-wrap .responsive-head .logo-image{text-align:left;position:relative;top:53px;float:left;}
.responsive #urdu-wrap .responsive-head .switch-btn{float:left;margin:4px 0 0 15px;position:relative;z-index:+1;}
.responsive #urdu-wrap .navbar-toggle{float:right;margin-top:15px}
.responsive #urdu-wrap .responsive-head .mobileportrait{display:none;}
.responsive .responsive-nav-tabs-urdu{display:block;}
.responsive .inner-page-main{margin-bottom:20px;}
.jp-audio .jp-volume-controls .jp-volume-max, .jp-audio-stream .jp-volume-controls .jp-volume-max{right:71%!important;}
.responsive .video-player-main, .responsive .video-player-main .btn{height:271px;}
.responsive .contact-us-inner{width:100%;}
.responsive .contact-us-inner ul li{display:block;width:100%;}
.responsive .contact-us-inner input, .responsive .contact-us-inner button{width:100%;}
.responsive .contact-wrapper-urdu{width:100%;}
.responsive .contact-wrapper-urdu ul li{display:table-cell;}
.responsive .contact-wrapper-urdu ul li:nth-child(1){width:80%;}
.responsive .contact-wrapper-urdu ul li:nth-child(2){width:20%;}
.responsive .contact-wrapper-urdu input, .responsive .contact-wrapper-urdu button{width:100%;margin-left:0;}
.responsive .contact-wrapper-urdu .contact-us-inner{padding-left:0;}
.responsive .short-biography-wrapper{min-height:550px;width:100%;}
.responsive .short-biography-wrapper .inner-page-main{height:427px;top:57px;width:80%;}
.responsive .item .big-text img{width:92%;}
.responsive .item{height:260px;}
.responsive .critical-review-text-wrapper .inner-page-main{height:260px;}
.responsive .media-gallery-main img{height:104px;}
.responsive .media-gallery-nav .nav{position:relative;right:-25px;margin-top:0;margin-bottom:7px;}
.responsive .media_gallery-urdu .media-gallery-nav .nav{left:26px;}
.responsive .complete-work-wrapper.english-version-complete-work .align{margin:50px 0 20px;}
.responsive .english-version-complete-work figure{margin-right:30px;}
.responsive .urdu-version-complete-work figure{margin-left:40px;}
.responsive .book-main-cover ul{padding:0}
.responsive .book-main-cover{min-height:269px;}
.responsive .complete-work-wrapper figcaption{position:relative;}
.responsive #videoModalbook .modal-body{padding:0 0;margin-left:-29px;}
.responsive .tool-box{left:23%;}
.responsive .chapter-headings-wrap{height:300px;overflow-y:scroll;}
.responsive #videoModalbook .textserach{height:500px;}
.responsive .buttonset{right:-19px;}
.responsive .pushmenu-push-toright{right:240px;}
}
@media only screen and (max-width:475px){body.responsive{overflow:visible;background-size:contain;-moz-background-size:contain;-webkit-background-size:contain;}
.responsive #logo, .responsive .logo-image, .responsive #english-wrap .switch-btn, .responsive #urdu-wrap .switch-btn, .responsive .desktop-version-urdu{display:none;}
.responsive .responsive-head, .responsive .responsive-head #logo, .responsive .responsive-head .logo-image, .responsive #english-wrap .responsive-head .switch-btn, .responsive #urdu-wrap .responsive-head .switch-btn{display:block;}
#english-wrap, #urdu-wrap{padding:0 0 0 0!important;}
.responsive .nav1 .responsive-head{margin-top:20px;}
.nav li:hover, .nav li:active, .nav li:focus, .nav li:visited, .nav li.active{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;}
.responsive .collapse.in{margin-top:7px;border:none;}
.responsive .navbar-collapse ul li{margin-bottom:0;}
.responsive .navbar-collapse{position:absolute;z-index:+1;width:100%;}
.responsive .nav1{box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none;}
.responsive .navbar-nav{margin:0;}
.responsive footer ul{float:none;padding:4px 11px 0 0;}
.responsive #logo img{width:170px;}
.responsive footer{position:relative;text-align:center;}
.responsive #english-wrap .logo-image img{margin-left:0%;width:240px;}
.responsive #english-wrap .responsive-head #logo{float:none;}
.responsive #english-wrap .responsive-head .logo-image{text-align:right;position:relative;top:0px;float:left;}
.responsive #english-wrap .responsive-head .switch-btn{float:right;margin:8px 15px 0 0;position:relative;z-index:+1;}
.responsive #english-wrap .navbar-toggle{float:left;}
.responsive #urdu-wrap .logo-image img{margin-left:0%;width:240px;}
.responsive #urdu-wrap .collapse.in{margin-top:7px;border:none;}
.responsive #urdu-wrap .responsive-head #logo{float:none;}
.responsive #urdu-wrap .responsive-head .logo-image{text-align:left;position:relative;top:0px;float:left;}
.responsive #urdu-wrap .responsive-head .switch-btn{float:left;margin:14px 0 0 15px;position:relative;z-index:+1;}
.responsive #urdu-wrap .navbar-toggle{float:right;margin-top:15px}
.responsive .responsive-nav-tabs-urdu{display:block;}
.responsive #urdu-wrap .responsive-head .logo-image{display:none;}
.responsive #urdu-wrap .responsive-head .mobileportrait{display:block;}
.responsive .poetry-descript-main{overflow:hidden;margin-bottom:10px;}
.responsive .inner-page-main{margin-bottom:20px;}
.jp-audio .jp-volume-controls .jp-volume-max, .jp-audio-stream .jp-volume-controls .jp-volume-max{right:30%!important;}
.responsive .contact-us-inner{width:100%;}
.responsive .contact-us-inner ul li{display:block;width:100%;}
.responsive .contact-us-inner input, .responsive .contact-us-inner button{width:100%;}
.responsive .contact-wrapper-urdu{width:100%;}
.responsive .contact-wrapper-urdu ul li{display:table-cell;}
.responsive .contact-wrapper-urdu ul li:nth-child(1){width:80%;}
.responsive .contact-wrapper-urdu ul li:nth-child(2){width:20%;}
.responsive .contact-wrapper-urdu input, .responsive .contact-wrapper-urdu button{width:100%;margin-left:0;}
.responsive .contact-wrapper-urdu .contact-us-inner{padding-left:0;}
.responsive .short-biography-wrapper{min-height:550px;width:100%;background-size:134% 100%;background-position:-47px 0;}
.responsive .short-biography-wrapper .inner-page-main{height:427px;top:57px;}
.responsive .short-biography-wrapper .inner-page-main{width:290px;}
.responsive .big-screens-text{display:none;}
.responsive .mobile-screens-text{display:block;width:209px;}
.responsive .item .big-text img{width:92%;}
.responsive .item{height:154px;}
.responsive .critical-review-text-wrapper .inner-page-main{height:158px;}
.responsive .media-gallery-main img{height:50px;}
.responsive .media-gallery-nav .nav{position:relative;right:0px;margin-top:0;margin-bottom:7px;}
.responsive .media_gallery-urdu .media-gallery-nav .nav{left:0px;}
.responsive .media-gallery-main .photo-title{font-size:9px;line-height:14px;overflow:hidden;word-break:break-word;}
.media-gallery-nav .nav li:hover, .media-gallery-nav .nav li:active, .media-gallery-nav .nav li:focus, .media-gallery-nav .nav li:visited, .media-gallery-nav .nav li.active{display:block!important;font-size:16px!important;width:100%!important;}
.responsive .media-gallery-nav .nav li{display:block!important;text-align:left!important;font-size:16px!important;width:100%!important;margin-bottom:1px!important;}
.responsive .book-main-cover figure{margin-left:40px;}
.responsive .book-main-cover ul{padding:0}
.responsive .complete-work-wrapper .align{margin:50px -217px 20px;}
.responsive .complete-work-wrapper figure{width:170px;}
.responsive .complete-work-wrapper figcaption{display:block;position:relative;}
.responsive .book-main-cover ul li{display:block;position:relative;width:100%;}
.responsive .book-main-cover ul{margin-top:11%;}
.responsive .urdu-version-complete-work figcaption{width:198px;padding-left:53px;margin-top:13px;}
.responsive #videoModalbook .textserach{height:150px;}
.responsive #searchpage{height:140px;display:none}
.responsive #videoModalbook .modal-body{padding:0 0;margin-left:-29px;}
.responsive .tool-box{width:297px;box-shadow:0 2px 8px -3px #000;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;left:17px;bottom:0;}
.magazine-viewport .next-button,
.magazine-viewport .previous-button{height:250px !important;}
div#canvas {
    transform: scale(.85);
}

.magazine-viewport .next-button {
    right: -20px !important;
    z-index: 99;
}

.magazine-viewport {
    overflow: visible !important;
}
}
@media only screen and (max-width: 1024px){
   body{
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
        height: 100%;
    }
    .custom-modal .btn-danger {
       top: 0px;
        left: 5px;
        font-size: 40px;
    }
   
}
@media only screen and (max-width : 1024px) and (min-width : 767px){
      html{
        height: 100%;
    }
    .chapter-headings-wrap {
        height: 100% !important;
        overflow: hidden;
    }

    .custom-modal .btn-danger {
        color: #fff;
        background-color: #f3c06e !important;
        border-color: #b9a272 !important;
        position: absolute;
        top: 0;
    }

}
@media only screen and (max-width:820px) and (min-width:320px){
	
	.responsive #videoModalbook .textserach{height:600px !important;}

    .custom-modal .btn-danger {
        color: #fff;
        background-color: #f3c06e !important;
        border-color: #b9a272 !important;
        position: absolute;
        top: 0;
        left:0;
    }   
    /*.poetry-images img{
        height: 120px !important;
    }*/
    .eng_home h3{

    	font-size: 16px !important;
    }
    .eng_home h3 span{

    	font-size: 14px !important;
    }
}
@media only screen and (max-width:568px){.responsive #searchpage{height:100% !important;display:block !important; }
    .textserach {
    	z-index: 0 !important;
   }
   .books-menu img {
    max-width: 115px !important;
}

}

.custom-modal .modal-dialog {
    width: 86% !important;
}
.custom-modal .modal-content{
    background: #fff !important;
    border:1px solid #ccc !important;
}
.custom-modal .close {
    margin: 30px -50px -20px 100px !important;
}
.custom-modal .modal-body{
    padding: 15px 35px;
}
.poetry-images a:focus{
    outline: none !important;
}
.critics-box{
    margin: 8px 0;
}
.custom-modal .crictics_close.close{margin: 0 !important}

@media only screen and (min-width: 768px){.custom-modal .modal-dialog { width: 65% !important;} }

@media only screen and (min-width : 767px) and (max-width : 1024px){
   .pushmenu-push-toright{
  	right : auto !important;
	}
	.responsive #videoModalbook .textserach {
  	  height: 1010px !important;
	}
	.book-main-cover ul li{
		width : 55% !important;
	}
}