@media screen and (min-width: 1600px) {
    .imagep242 {
	display: table-cell;
	margin-right: 0px;
	vertical-align: top;
    }
    #mainbody242 {
        display:  table;
        table-layout: auto;
	position: absolute;	
        top:    110px;
        left:    10px;
        width: 1880px;
        height: 890px;
	z-index:10;
    }
    #text242 {
        display: table-cell;
        vertical-align: top;
    }
    #two {
        position: relative;
    }
    #photo242 {
        display: table-cell;
        max-width: 500px;
        width: 500px;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right;
    }
    #queue242 {
        display: table-cell;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        width: 410px;
    }
    #lefttopcontainer {
        display: table;
        height: 400px;
        table-layout: auto;
        width: 1430px;
    }
    #imagecell {
        text-align: right;
        display: table-cell;
    }
    #bcontent3 {
        margin-top: 0px;
    }
    <!-- slider CSS -->
    .tcontent > div {
        position: relative;
        display: inline-block; /* to display the 3 div's in same line */
        height: 70px;
        width: 1355px;
        /* left: -1360px; */
        text-align: right;
    }
    .tcontent{
        width: 100%;
        overflow: hidden; /* added to make the content hidden initially and avoid scroll-bar */
    }
    .bcontent > div{
        position: relative;
        display: inline-block; /* to display the 3 div's in same line */
    }
    .bcontent{
        width: 101%;
        overflow: hidden; /* added to make the content hidden initially and avoid scroll-bar */
    }
    #bcontent1 {
        position:absolute;
        top:400px;
        left:20px;
        height:563px;
        width:1430px;
    }
    #rightbody {
        position:absolute;
        top:0px;
        left: 720px;
        width: 720px;
        height:400px;
    }
    #rightbody242_img {
        max-width: 500px;
    }
    #title {
        color: rgb(90,165,25);
        font-size: 60px;
        font-weight: bold;
        line-height: 100px;
        margin-left: 5px;
        padding-left: 10px;
        padding-right: 19px;
        text-align: left;
        vertical-align: middle;
        z-index:10;
    }
    #strapline {
        font-size: 45px;
        font-weight: bold;
        margin-right: 20px;
    }
    #leftbody {
	color: rgb(0,37,100);
	line-height: normal;
        margin: 16px;
    }
    #leftbody p  {
        color: rgb(0,37,100);
        line-height: normal;
        margin-top: 14px;
        margin-bottom: 14px;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1600px) {
    .imagep242 {
	display: table-cell;
	margin-right: 0px;
	vertical-align: top;
    }
    #mainbody242 {
        display:  table;
        table-layout: auto;
	position: absolute;	
        top:    calc(110px/1.41);
        left:    calc(10px/1.41);
        width: calc(1877px/1.41);
        height: calc(890px/1.41);
	z-index:10;
    }
    #text242 {
        display: table-cell;
        vertical-align: top;
    }
    #two {
        position: relative;
    }
    #photo242 {
        display: table-cell;
        max-width: calc(500px/1.41);
        width: calc(500px/1.41);
        vertical-align: top;
        padding-left: calc(10px/1.41);
        padding-right: calc(10px/1.41);
        text-align: right;
    }
    #queue242 {
        display: table-cell;
        vertical-align: top;
        padding-left: calc(10px/1.41);
        padding-right: calc(10px/1.41);
        width: calc(410px/1.41);
    }
    #lefttopcontainer {
        display: table;
        height: calc(400px/1.41);
        table-layout: auto;
        width: calc(1430px/1.41);
    }
    #imagecell {
        text-align: right;
        display: table-cell;
    }
    #bcontent3 {
        margin-top: 0px;
    }
    <!-- slider CSS -->
    .tcontent > div {
        position: relative;
        display: inline-block; /* to display the 3 div's in same line */
        height: calc(70px/1.41);
        width: calc(1355px/1.41);
        /* left: -1360px; */
        text-align: right;
    }
    .tcontent{
        width: 100%;
        overflow: hidden; /* added to make the content hidden initially and avoid scroll-bar */
    }
    .bcontent > div{
        position: relative;
        display: inline-block; /* to display the 3 div's in same line */
    }
    .bcontent{
        width: 100%;
        overflow: hidden; /* added to make the content hidden initially and avoid scroll-bar */
    }
    #bcontent1 {
        position:absolute;
        top:calc(400px/1.41);
        left:calc(20px/1.41);
        height:calc(563px/1.41);
        width:calc(1430px/1.41);
    }
    #rightbody {
        position:absolute;
        top:0px;
        left: calc(720px/1.41);
        width: calc(720px/1.41);
        height:calc(400px/1.41);
    }
    #rightbody242_img {
        max-width: calc(500px/1.41);
    }
    #title {
        color: rgb(90,165,25);
        font-size: calc(60px/1.41);
        font-weight: bold;
        line-height: calc(100px/1.41);
        margin-left: calc(5px/1.41);
        padding-left: calc(10px/1.41);
        padding-right: calc(19px/1.41);
        text-align: left;
        vertical-align: middle;
        z-index:10;
    }
    #strapline {
        font-size: calc(45px/1.41);
        font-weight: bold;
        margin-right: calc(20px/1.41);
    }
    #leftbody {
	color: rgb(0,37,100);
	line-height: normal;
        margin: calc(16px/1.41);
    }
    #leftbody p  {
        color: rgb(0,37,100);
        line-height: normal;
        margin-top: calc(14px/1.41);
        margin-bottom: calc(14px/1.41);
    }

}

@media screen and (min-width: 100px) and (max-width: 1000px) {

}