@media(min-width:576px)
{
    body .rpp_isotope .rpp_wrapper .rpp_item:nth-child(3)
    {
  display: block!important;
    }
}

@media (min-width:1200px) {
    /* sightline menu changes start */
    .past-volumes-list .volume-item {
        flex: 0 0 20%;
        max-width: 20%;
    }
    /* sightline menu changes end */
}

@media(max-width:1400px){

    h2, .volumeMain h2{

        font-size: 50px;

    }

    .volumeMain h2 > span{

        font-size: 20px;

    }

    .logo-big{

        margin-bottom: 50px;

    }

    

    .btn-light{

        font-size: 18px;

        line-height: 20px;

    }

    

    .border-top, .border-bottom{

        height: 40px;

    }

    .border-left, .border-right{

        width:40px;

    }

    

    .overlayContent{

        margin: 40px;

    }

    

    .vertical-center{

        border-width: 40px;

    }

    

    .menuIco{

        top: 50px;

    }

    

/*

    .content-show{

        top: 60%;

    }

    

*/

    .bgContent{

        margin-bottom: 50px;

    }

    

    

}



@media(min-width:1200px){

     .mfp-iframe-holder .mfp-content{

        max-width: none !important;

    }



    .mfp-iframe-holder{

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .mfp-iframe-scaler iframe{

        height: 100vh !important;

        width: 100vw !important;

    }



    .mfp-container.mfp-iframe-holder{

        height: 100vh !important;

        overflow: hidden;

    }

    .mfp-container.mfp-iframe-holder:before{

        height: auto !important;

    }   

}
@media(max-width:1365px)
{
    .more-btn a
    {
        font-size: 1.2vw;
    }
}
@media(max-width:1199px){

    #article-popmodal .article-detail-content{

        padding: 0 30px;

    }

    

    .article-detail-title{

        font-size: 30px;

        line-height: 60px;

    }

    

/*

    .image-zoom img{

        top: 0;

        bottom: 0;

        margin: auto;

    }

*/

    

    .image-zoom{

        background: #F2F4EC;

    }

    

    .content:not(.report-content){

        height: 1500px !important;
    }

    

    .content .section1{

        top: 0;
        height: 100vh;

    }

    

    .vertical-center{

        height: 100vh;

    }

    

    .section2{

        top: 15%;

/*        opacity: 1 !important;*/

    }

    

    .border-left, .border-right{

        width: 30px;

    }



    .border-top, .border-bottom{

        height: 30px;

    }

    

    .vertical-center{

        border-width:30px;

    }

    

    .imageLenght{

        top: -15px;

        left: 0;

    }
    /* Footer css*/
    .footer_text h6
	{
		font-size: 2vw;
		margin-bottom: 1.2vw;
	}
	.footer_text
	{
		font-size: 1.5vw;
	}
	.search-input-wrap label
	{
		font-size: 2vw;
		margin-bottom: 1.2vw;
	}
	.search-input-wrap input[type="email"]
	{
		font-size: 1.5vw;
    	height: 4.2vw;
		line-height: 4vw;
	}
	.go-btn
	{
		vertical-align: middle;
	}
	.go-btn a
	{
    	height: 4vw;
		line-height: 2.3vw;
	}
	.footer_text
	{
		margin-bottom: 2vw;
		border-right: none;
	}
	.footer_menu ul li a
	{
		font-size: 1.5vw;
	}
	.footer_menu ul li:first-child a
	{
		margin-bottom: 1vw;
	}
	.copywrite .row
	{
		margin-top: 1vw;
	}
	.copywrite
	{
		font-size: 1.5vw;
	}
	.footer_logo
	{
		text-align: right;
	}
    .site-footer
	{
  		border-bottom: 3vw solid #be382d;
	}
    .site-footer p
    {
        font-size: 1.5vw;
    }
    .search-input-wrap input[type="submit"]
    {
        font-size: 1.3vw;
    }
    /* Footer css End*/
    body .rpp_isotope .rpp_container>legend
	{
		font-size: 2.6vw;
	}
	body .rpp_isotope .rpp_wrapper .rpp_item .rpp_title a
	{
		font-size: 1.8vw;
	}
	body .rpp_isotope .rpp_wrapper .rpp_date
	{
		font-size: 1.4vw!important;
	}
	.news-single-layout .image-caption
	{
		font-size: 1.6vw;
	}
	.home-custom-section .section-inr
	{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
	.read-more-accordion .card-header h6
	{
		font-size: 1.8vw;
	}
	.no-record-wrap
	{
		font-size: 1.8vw;
	}
	body .rpp_inner .rpp_img .tag-btn
	{
		font-size: 1.2vw;
    	border-radius: 15px;
	}
    .more-btn a
    {
        font-size: 1.3vw;
    }

}

@media(max-width:991px){
    /* Footer css*/
    .search-input-wrap label
	{
		font-size: 2.2vw;
	}
	.footer_menu ul li a
	{
		font-size: 1.8vw;
	}
	.search-input-wrap input[type="email"]
	{
		font-size: 1.8vw;
	}
	.copywrite
	{
		font-family: 1.8vw;
	}
	.search-input-wrap input[type="email"]
	{
		font-size: 1.8vw;
	}
    /* Footer css End*/
    body .rpp_inner .rpp_img .tag-btn
	{
		font-size: 1.6vw;
    	padding-top: 0.6vw;
    	padding-bottom: 0.6vw;
    	border-radius: 15px;
    	padding-left: 1vw;
    	padding-right: 1vw;
	}

    /* sightline menu changes start */
    .close-menu {
        margin-top: 0;
    }
    /* sightline menu changes end */
}
    

@media(max-height:850px){

/*

    .vertical-center{

        top: 33% !important;

    }   

*/

    

    .content-show > h3{

        margin-bottom: 30px;

/*        font-size: 18px;*/

    }

    

    .content-show .btn-light{

        font-size: 15px;

    }

    

    .content-show p{

        font-size: 15px;

        line-height: 20px;

    }

}
@media(max-width:767px)
{
    /* Footer css*/
    .footer_text h6
	{
		font-size: 20px;
		margin-bottom: 16px;
	}
	.footer_text
	{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.search-input-wrap label
	{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.search-input-wrap input[type="email"]
	{
		font-size: 18px;
	}
	.go-btn a
	{
		height: auto;
		line-height: 1.2;
	}
	.search-input-wrap input[type="email"]
	{
		height: 42px;
	}
	.footer_menu ul li:first-child a
	{
		font-size: 18px;
	}
	.footer_menu ul li:first-child a
	{
		margin-bottom:12px;
	}
	.footer_logo
	{
		max-width: 300px;
		margin-left: auto;
	}
	.footer_menu ul li a
	{
		font-size: 18px;
	}
	.copywrite
	{
		font-size: 18px;
	}
	.copywrite .row
	{
		margin-top: 16px;
		padding-top: 16px;
	}
	.footer_right > .row:last-child
	{
		margin-top: 16px;
	}
	.footer_right .search-input-wrap
	{
		padding-bottom: 20px;
	}
	.search-input-wrap ::placeholder{
		font-size: 18px;
		color:#9e8e87;
	}
	.footer-wrapper
	{
		padding:100px 30px 20px;
	}
    .site-footer
	{
  		border-bottom: 16px solid #be382d;
	}
    .site-footer p
    {
        font-size: 18px;
    }
    .search-input-wrap input[type="submit"]
    {
        font-size: 14px;
        border-radius: 15px;
        padding: 12px 14px 12px 14px;
    }
    /* Footer css End*/
    body .rpp_isotope .rpp_wrapper .rpp_item .rpp_img
	{
		height: 20vw;
	}
	body .rpp_isotope .rpp_wrapper .rpp_date
	{
		font-size: 14px!important;
	}
	body .rpp_isotope .rpp_wrapper .rpp_item .rpp_title a
	{
		font-size: 18px;
	}
	body .rpp_isotope .rpp_container>legend
	{
		font-size: 26px;
	}
	.profile-wrapper .rpp_isotope
	{
  		padding-left: 40px;
	}
    body .rpp_inner .rpp_img .tag-btn
	{
		font-size: 14px;
		border-radius: 15px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
    .more-btn a
    {
        font-size: 14px;
        border-radius: 15px;
        padding: 12px 14px 12px 14px;
    }
}


@media(max-height:650px){

    .content-show > h3{

        font-size: 21px;

        margin-bottom: 20px;

        margin-top: 30px;

    }

}

    



    

@media(max-width:991px){

    .aHeaderWrap .container a svg{

        max-width:85%;

    }

    .border-left, .border-right{

        width: 30px;

    }



    .border-top, .border-bottom{

        height: 30px;

    }

    

    #skrollr-body{

        position: relative;

        z-index: 150;

    }

    

    .vertical-center{

        border-width: 30px;

    }

    

    .menuIco{

        font-size: 20px;

        background-position: right 10px;

        top: 40px;

        margin-right: -30px;

    }

    

    #article-popmodal .menuIco{

        top: 0 !important;

        bottom: 0 !important;

        height: 100%;

        background-position: center center;

    }

    

    body{

        height: 100vh !important;

    }

    

    .border-top, .border-bottom, .border-left, .border-right{

        display: none;

    }

    

    .border-left.mobile-border, .border-right.mobile-border, .border-top.mobile-border, .border-bottom.mobile-border{

        display: block !important;

/*        z-index: 150;*/

    }

    

    .fullpage{

        height: 100vh !important;

    }

    

    .logo{

        max-width: 400px;

    }

    

    .bg-grey.topsection{

        height: 46vh;

    }

    

    .showLogo{

            transform: translateY(-93%);

    }

    

    

    .vertical-center{

        height: 100vh;

/*        position: relative;*/

    }

    

    .section1 .vertical-center{

        position: relative !important;

    }

    

    .vertical-center2{

        opacity: 1 !important;

        position: absolute !important;

        

    }

    

    .page1 .inner{

        height: auto;

    }

    

    .big-logo{

/*        position: relative !important;*/

    }

    

    .content-show{

        width: 75%;

        top: 40%;

            

    }

    

    .logoWrap{

        top: 32px;

    }

    

    .logoWrap svg path{

        stroke-width: 8px !important;

    }

    

    .vertical-center2{

        width: 100%;

        height: 100%;

    }

    

    .bgContent{

        margin-bottom: 50px !important;

        padding: 20px;

    }

/*

    

    .covenantLogo{

        opacity: 1 !important;

        transform: translateX(0) !important;

    }

    

    .covenantLogo a img{

        width: 100%;

    }

*/

    

    

    

    .covenantLogo img {

        width: 70%;

    }

    

    .vertical-center2{

        left: 0;

        top: 0;

    }

    .big-logo{

            left: 0;

            top: 0;

            position: static !important;

            width: 70%;

            margin: 15px 0 0 15px;

    }

    

    .covenantLogo{

        top: 60px;

        left: 60px;

    }

    

    .logo{

        transform: translate3d(0px, -50px, 0px) !important;

    }

    

     

    /*page3*/

/*

    .page3{

       height: 100%;

    }

*/

    

    .page4active.inner.page4{

        height: 100vh !important;

    }

    

    .page4 .container-fluid {

        padding-left: 15px;

        padding-right: 15px;

    }

    

    .bigRow {

        margin-left: -15px;

        margin-right: -15px;

    }

    .bigRow .col {

        padding-left: 15px;

        padding-right: 15px;

    }

    

    .voumeallList {

        margin-bottom: 0;

    }

    

    .logo-long{

        padding: 0;

    }

    

    .page5 .container-fluid {

        padding-left: 15px;

        padding-right: 15px;

    }

    

    .vertical-center2{

        border: none;

    }

    

    h3{

        font-size: 22px;

    }

    

    p {

        font-size: 17px;

        line-height: 25px;

    }

    

    .voumeallList h3 .ath span.text-uppercase{

        font-size: 14px;

    }

    

    .voumeallList h3 .ath{

        font-size: 16px;

    }

    

    .image-zoom{

        background: #404040;

        opacity: 1;

    }

    

/*

    .image-zoom img {

        top: 50% !important;

        transform: translateY(-50%) translateX(-50%);

        left: 50%;

        bottom: 0;

        width: auto;

        height: 100%;

    }

*/

    

    .img-caption > span{

        display: inline-block;

        padding: 0 40px;

    }

    .img-caption span a{

        top: 0;

    }

/*    .pinch-zoom-container .pinch-zoom-container{

            overflow: initial !important;

            height: auto !important;

    }*/



    .image-zoom img

    {

        position: relative !important;

    }



    body .next-btn {

        right: 5px;

    }

    

    body .prev-btn {

        left: 5px;

    }

    

    .pinch-zoom-container .pinchZoomWrap{

        top: 0;

        bottom: 0;

        right: 0;

        left: 0;

    }

    

/*

    .content{

        height: 300vh !important;

    }

    

*/

    .section2{

        opacity: 1 !important;

        padding:20px;

        top: 10% !important;

    }

    

    

    

    .volumeMain h2 > span{

        font-size: 20px;

    }

/*

    .section2 .col{

        transform: translateX(0) !important;

    }

*/

    

    .section2{

        opacity: 1 !important;

    }

    

    #article-popmodal .article-detail-content.pt-2.pb-2{

        padding-bottom: 0.8rem !important;

        padding-top: 0.8rem !important;

    }

    

    

    .popup-logo img{

        max-width: 85%;

    }

    

/*

    .mfp-wrap{

        height: 100vh !important;

    }

*/



}





@media(max-width:767px){

    .content-show{

        padding-top: 150px;

        position: static !important;

    }

    

    .menuIco{

        right: 0 !important;

        top: 5px !important;

/*        left: 0 !important;*/

        margin: 0 !important;

        text-align: center;

/*        background-position: left center;*/

        font-size: 13px;

        float: left;

        padding: 0 30px 0 0;

    }

    

    



    

    .bg-grey.topsection{

        height: 46.5vh;

    }

    

    .logo{

        max-width: 45%;

    }

    

    .showLogo {

        transform: translateY(-91%);

    }

    

/*

    .volumeMain h2{

        font-size: 20px;

    }

    

    .volumeMain h2 > span{

        font-size: 15px;

    }

*/

    

    p{

        font-size: 14px;

        line-height: 22px;

    }

    

    .section1.loader.skrollable.skrollable-between .vertical-center{

        border-width:10px;

        border-top-width: 15px;

    }

    

    .overlayContent{

        margin: 0 10px;

    }

    

    .content{

        height: auto !important;

    }

    

    .section2{

        opacity: 1 !important;

        padding:20px;

        top: 5% !important;

        position: relative !important;

        z-index: 11 !important;

    }

    

    

    .content .section1{

        position: relative !important;

        height: 100vh !important;

    }

    

    .white-popup-block{

        border-width: 10px !important;

    }

    

    .pop-modal-content{

        margin-top: 0 !important;

    }

    

    .slick-prev {

        position: absolute !important;

        right: 0 !important;

        top: auto;

        bottom: -50px;

        left: 0;

        margin: auto;

        width: 100%;

        text-align: center !important;

        font-size: 20px !important;

    }

    .slick-next {

        position: absolute !important;

        right: 0 !important;

        top: auto;

        bottom: -100px;

        left: 0;

        margin: auto;

        width: 100%;

        text-align: center !important;

        font-size: 20px !important;

    }

    .volume-list button.slick-next:before{

        right: 0;

    }

    

    .volume-image-wrap{

        margin-bottom: 20px;

    }

    

    .mfp-wrap .white-popup-block .mfp-close{

        top: 2vh;

        right: 1vh;

    }

    

/*

    .volume-list .slick-list{

        height: 59vh !important;

    }

*/

    

    .content-show{

        top: 30%;

    }

}


@media(max-width:650px){

    .showLogo {

        transform: translateY(-85%);

    }

    

    h3{

        font-size: 18px;

    }

    .content-show p{

        font-size: 14px;

        line-height: 18px;

    }

    

    .percentagevalue{

        font-size: 30px;

    }

    .btn-light {

        font-size: 14px;

        line-height: 18px;

    }



    

    h2, .volumeMain h2 {

        font-size: 25px;

    }

    

    .volumneContent span{

        font-size: 18px;

    }

    

    .volumneContent{

        margin-left: 0;

        padding: 20px;

    }

    

    

    .border-left, .border-right{

        width: 10px;

    }



    .border-top, .border-bottom{

        height: 10px;

    }

    

    .content-show{

        top: 25%;

        z-index: 600 !important;

    }

    .content-show > h3{

        font-size: 20px;

    }

    

    .menuIco{

        top: 15px !important;

        margin-right: 20px !important;

        background-position: right 5px;

    }

    

    

    

/*

    .content .section1, .content .section2, .logo-stick{

        position: static !important;

    }

*/

}


@media(max-width:575px)
{
    /* Footer css End*/
    .footer_menu ul li:first-child a
	{
		margin-bottom: 10px;
	}
	.footer_menu ul li:first-child a,
	.footer_menu ul li a
	{
		font-size: 16px;
	}
	.search-input-wrap input[type="email"]
	{
		height: 40px;
		font-size: 16px;
		padding: 5px 20px;
	}
	.search-input-wrap ::placeholder{
		font-size: 14px;
		color:#9e8e87;
	}
	.footer_text h6
	{
		font-size: 18px;
	}
	.footer_text
	{
		font-size: 16px;
	}
	.footer_menu
	{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.footer_menu
	{
		border-right: none;
		border-bottom: 2px dotted #9e8e87;
		margin-bottom: 16px;
		text-align: center;
	}
	.footer_menu:last-child
	{
		border-bottom: none;
	}
	.copywrite
	{
		font-size: 16px;
	}
	.search-input-wrap input[type="email"]
	{
		width: 100%;
		margin-bottom: 10px;
	}
	.go-btn
	{
		margin-left: 0;
	}
    .site-footer .search-input-wrap input[type="submit"]
	{	
		margin: auto;
		display: block;
	}
    .site-footer p
    {
        font-size: 18px;
    }
    /* Footer css End*/
    body .rpp_isotope .rpp_wrapper .rpp_item
	{
		flex: 0 0 50%;
    	max-width: 50%;
	}
	body .rpp_isotope .rpp_wrapper .rpp_item .rpp_img
	{
		height: 28vw;
	}
	body .profile-wrapper .rpp_isotope
	{
  		padding-left: 18px;
	}
	body .news-single-layout .rpp_isotope .rpp_wrapper .rpp_item
	{
		flex: 0 0 50%;
    	max-width: 50%;
	}
	body .news-single-layout .rpp_isotope .rpp_wrapper .rpp_item .rpp_img
	{
		height: 28vw;
	}
	body .rpp_isotope
	{
		padding-left: 0!important;
	}
	body .rpp_isotope .rpp_wrapper
	{
		width: auto;
	}
    body .rpp_inner .rpp_img .tag-btn
	{
		top: 5px;
  		left: 5px;
	}
    body .rpp_isotope
    {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .more-btn a
    {
        font-size: 12px;
        border-radius: 15px;
        padding: 12px 14px 12px 14px;
    }
    /* sightline menu changes start */
    .past-volumes-list .volume-item {
        margin-bottom: 30px;
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* sightline menu changes end */
}
@media(max-width:374px)
{
    /* Footer css*/
    .site-footer .footer-wrapper
	{
		padding: 30px 20px;
	}
	.footer-wrapper
	{
		padding:90px 30px 20px;
	}
    /* Footer css End*/
    body .rpp_isotope .rpp_wrapper .rpp_date
	{
		font-size: 12px!important;
	}
	body .rpp_isotope .rpp_wrapper .rpp_item .rpp_title a
	{
		font-size: 16px;
	}
	body .rpp_isotope .rpp_wrapper .rpp_item
	{
		padding: 10px 8px;
	}
	body .profile-wrapper .rpp_isotope
	{
  		padding-left: 12px;
	}
}
@media(max-width:480px){

    

    .showLogo {

        transform: translateY(-40px);

    }

    

    .logo{

        max-width: 200px;

    }

}

@media(max-width: 375px ){
    /* sightline menu changes start */
    .past-volumes-list .volume-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* sightline menu changes end */
}



/*

@media(max-width:375px) and (max-height:850px){

    .content{

        height: 1400px !important;

    }

}*/





@media (max-height: 568px)

{

    .content-show {

        padding-top: 100px;

    }

}







/*

@media(max-height:450px){

    .image-zoom img {

        top: 50% !important;

        transform: translateY(-50%) translateX(-50%);

        left: 50%;

        bottom: 0;

        height: 100%;

        width: auto;

    }

}

*/



/*

@media only screen and (max-width: 1025px) and (min-width: 992px){

    .image-zoom img {

            top: 50% !important;

    transform: translateY(-50%) translateX(-50%);

    width: 25%;

    left: 50%;

    bottom: 0;

    }

}

*/