@media all and (min-device-width: 992px) and (max-device-width: 1199.98px)
{

    .mb-7-9 {
        margin-bottom: 7.9rem !important;
    }

	#content_container{
            width: 100%;
            max-width: 960px;
            padding: 0em 0.1em;
            height: auto;
            margin: 0 auto;
            padding-top: 5%;
            position: relative;
            display: flex;
            flex-wrap: wrap;
    }
    .bTS-iPad-Mockup-4 > img {
		width: 80%;
	}
    #content_container1 {
        width: 100%;
        max-width: 960px;
        height: auto;
        margin: 0 auto;
        padding-top: 7%;
        position: relative;
        display: static;
        flex-wrap: wrap;
        /* border: 1px solid red; */
    }
    /* #content_container2 .jr_project-div{
        margin-left: 77px;
    } */
    #jrwrapper {
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 219px;
	}
    .jr_project{
        width: 82%;
        max-width: 960px;
        /* max-width: 720px !important; */
        padding: 0 1em;
        margin-top: 20px;
    }
    .challenge-list-div {
        margin-top: -37px !important;
    }
    .bTS-iPad-Mockup-4 {
        position: relative;
        width: 82%;
        height: 173px;
        left: 17%;
        margin-top: 60px;
    }
    .cover-vedio {       
        margin-bottom: 0px;
    }
   .font-subtitle-bts {
    position: relative;
    width: 429.61px;
    height: 88.25px;
    left: 0%;
    top: 0;
    margin-left: auto;
    margin-right: auto;
}
    .col-one {
        display: inline-block;
        width: 50%;
        margin-top: 4%;
    }
    .col-two {
        width: 37%;
        height: auto;
        padding: 2%;
    }
    .col-two .font-body {
        width: 357.71px;
        height: auto;
        font-size: 0.938em;
        font-style: normal;
        line-height: 1.5em;
        letter-spacing:0.05em;
        left: 48.45px;
        margin-bottom: 5px;
    }
    .top_margin{
        margin-top:15px !important;
    }
    #outcome>.top_margin{
        margin-top: 0 !important;
    }
    .high-fidelity-wireframes>.col-two:nth-child(2){
        margin-top: 20px;
    }
    .interaction-design-user-flow>.col-two:nth-child(2){
        margin-top: 7px;
    }
    .who-is-reader>.col-two:nth-child(2){
        margin-top: 18px;
    }
    .magazine-site-map>.col-two:nth-child(2){
        margin-top: 16px !important;
    }
    .high-fidelity-prototype>.col-two:nth-child(2){
        margin-top: 20px;
    }
    .print-adaptation-section>.col-two:nth-child(2){
        margin-top: 20px;
    }
	.BTS-iPad-Mockup-3 img {
		position: absolute;
		width: 366.37px;
		/* height: 380.03px; */
		/* left: 200px; */
		left: 75.67px;
		float: left;
		width: 271.37px;
		height: 380.03px;
		top: 75px;
    }
    .high-fidelity-wireframes.margin_top{
        margin-top: 5em !important;
    }
    .high-fidelity-prototype.margin_top{
        margin-top: 5em !important;
    }
    .video-mask {
        position: relative;
        border-radius: 10px;
        width: 384.79px;
        /* height: 538.86px; */
        left: 410.92px;
        border-radius: 14px !important;
        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
        /* left: 500px; */
        z-index: 1;
    }
    .BTS-Site-Map {
        width: 637.36px;
        height: 536.56px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        /* margin-left: 184px; */
        margin-left: 25px;
    }
    .BTS-iPad-Mockup-v1 img {
        position: relative;
        width: 273.41px;
        height: 382.89px;
        filter: blur(4px);
        left: 282.91px;
        margin-top: -465px;
    }
    #prototype-Magazine-UI-Kit {
        width: 823px;
        height: 592px;
    }
    .BTS-User-Flow {
        width: 641.24px;
        height: 539.82px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        /* margin-left: 177px; */
        margin-left: 26px; /* 4-4-2020 */
    }
    .interaction-design-user-flow {
        padding-top: 88px !important;
    }
    #hfw-img-sec1-row1{
        /* margin-left: 62px; */
        margin-left: -30px; /* 4-4-2020 */
    }    
    .iPad-BTS-1 {
        /* width: 18%; */
        height: 243.93px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin-left: 65px;
        width: 183.4px;
        height: 243.93px;
    }
    .All-iPad-BTS {
        width: 100%;
        height: 433.32px;
        max-width: 705.33px;
        max-height: 407.23px;
        /* left: 381.99px; */
        top: 3781.97px;
        /* margin-left: 121px; */
        margin-left: 3px;
        border-radius: 5px;
    }
    #hfp-img-sec1-row1{
        /* margin-left: 67px; */
        margin-left: -38px; /*4-4-2020*/ 
    }
    #prototype{
        width: 822.61px;
        height: 338.08px;
        border-radius: 5px;
    }
    .artical-02-bg-img>img {
        position: absolute;
        width: 419.19px;
        height: 331.49px;
        left: 380.72px;
    }
    #jrVideoArtical01 {
        position: absolute;
        width: 313.48px;
        height: 416.81px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        left: 212px;
        top: 37%;
        z-index: 1;
        /* margin-bottom: 200px; */
        }
    .artical-02-bg-img {
        margin-top: -15px;
    }
    #jrVideoArtical02 {
        position: relative;
        width: 313.48px;
        height: 416.81px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        left: 205px;
        top: -93px;
        z-index: 1;
        margin-bottom: 200px;
    }
    .artical-03-bg-img img {
        height: 185.47px !important;
        /* left: 543.43px; */
        margin-top: -31px;
        left: 314px;
    }
    .image_caption_va_02 {
         margin-top: 265px;
         width: 228px;
         left: 30%;
    }
	#jrVideoArtical03 {
		position: relative;
		width: 313.48px;
        height: 416.81px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
		border-radius: 6px;
		left: 203px;
		top: -132px;
		z-index: 1;
		/* margin-bottom: 200px; */
	}
	.image_caption_va_03 {
		position: relative;
		width: 214.71px;
		height: 63.34px;
		left: 30%;
		margin-top: 24%;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 14px;
		color: #000000;
		z-index: 1;
    }
    .print-adaptation-section{
        margin-top: -124px !important;
    }
    .print-adaptation-section > .col-one{
        width: 32.3%;
        margin-top: 0% !important;
    }
    /* .print-adaptation-section > .col-two{
        width: 42%;
    } */
    #print-adapt-bts-magazine-cover-mockup-img{
        width: 358.67px;
        height: 469.2px;
        top: 18px;
        margin-left: 43px;
    }
    
    .BTS-magazine-spread-mockup img {
        position: relative;
        width: 691.89px;
        height: 522.95px;
        left: 273px;
    top: 69px;
    }
    .BTS-magazine-spread-mockup-print-adapt-blockchain img {
        margin-top: -23.8rem;
        position: static !important;
        max-width: 90%;
        width: 691.89px;
        height: 522.95px;
        z-index: 99 !important;
        margin-left: 275px;
    }

    #content_container.magazine-spread-section .col-two{
		width: auto;
		display: flex;
		position: relative;
		transform: translateX(-691px);
	}
	#magazine-spread-index{
		order: 2;
	}
	#magazine-spread-1{
		order: 3;
	}
	#magazine-spread-2{
		order: 1;
	}
	#content_container.magazine-spread-section{
		width: 100%;
		max-width: 680px !important;
	}
	.magazine-spread-section img{
		width: 670px;
		height: 514px;
	}
    #nav-arrow{
        font-size: 31px;
        margin-left: 29px;
    }
    #nav-arrow>a{
        color: black;
    }
    .credits_one {
        width: 33%;
        float: left;
        padding: 3% 0 3% 4%;
        color: #333;
        font-size: 8px;
        font-weight: 600;
        line-height: 11px;
    }
    .social_media {
        padding: 3% 1%;
        width: 33%;
        display: inline-block;
    }
    .gallary-thumb-name {
        margin-top: -12px;
        font-family: Raleway;
        font-style: normal;
        font-weight: bold;
        font-size: 59%;
        line-height: 13px;
    }
    .gallary-thumb-description {        
        margin-top: -16px;
        /*  -9% */
        letter-spacing: 0.06em !important;
    }
    .footerContainer {  
        font-size: 0.838em;
    }
    #gallary-footer-container{
		max-width: 1218.75px !important;
	}
    
    
}