div.rwd-screen-container {position: relative; width:100%; height:604px; border: dotted 1px black;
   margin-bottom: 20px;
    margin-top: 8px;
    border-top: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
    border-right: 2px solid #dedede;
    border-left: 2px solid #dedede;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 3px 2px 20px 2px rgb(121, 121, 121);} 


@media only screen and (min-width: 900px) {
                                            div.rwd-screen-container {display:none;} 
                                           }  

@media only screen and (max-width: 550px) {
                                            div.rwd-screen-container {height: 100%;} 
                                           }  




div.rwd-screen-container div.content-rectangle {
    background-color: #565656ba;
    float: right;
    width: 100%;
    height: 200px;
    border-top: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
    border-right: 2px solid #dedede;
    border-left: 2px solid #dedede;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: inset 0px 0px 2px 2px rgb(92, 92, 92);
}



@media only screen and (max-width: 460px) {div.rwd-screen-container div.content-rectangle {height: 146px;} 
                                           }



div.rwd-screen-container div.content-rectangle div.large-title {
    height: 96%;
    width: 450px;
    margin: 5% auto;
    display: block;
    position: inherit;
}

@media only screen and (max-width: 750px) {div.rwd-screen-container div.content-rectangle div.large-title {margin: 6% auto;} 
                                           }

@media only screen and (max-width: 550px) {div.rwd-screen-container div.content-rectangle div.large-title {margin: 8% auto;} 
                                           }

@media only screen and (max-width: 460px) {div.rwd-screen-container div.content-rectangle div.large-title {margin: 6% auto;} 
                                           }

@media only screen and (max-width: 330px) {div.rwd-screen-container div.content-rectangle div.large-title {margin: 8% auto;} 
                                           }









.rwd-screen-container.promo-two img.responsive-phone {width: 20%; top:38%; left:77%; width: 152px; top: 41%; left: 70%;}
.rwd-screen-container.promo-two img.responsive-phone-horizontal {display:none;}
    
    
/** div.rwd-screen-container img.responsive-phone **/



div.rwd-screen-container div.title-adjust div.large-title {width: 365px;}
div.rwd-screen-container div.title-adjust div.large-title div.large-title-background {width: 365px;}
div.rwd-screen-container div.title-adjust span.first-title {left: 1%;}
div.rwd-screen-container div.title-adjust span.title {left: 60%;}
div.rwd-screen-container div.title-adjust span.title-rotate {left: 47%; top: 37%; transform: rotate(0deg);}

@media only screen and (max-width: 460px) {
                                            div.rwd-screen-container div.title-adjust div.large-title {width: 255px;}
                                            div.rwd-screen-container div.title-adjust div.large-title div.large-title-background {width: 255px;}
                                            div.rwd-screen-container div.title-adjust span.first-title {top: 22%; left: 15%;}
                                            div.rwd-screen-container div.title-adjust span.title {left:28%; top:47%;}
                                            div.rwd-screen-container div.title-adjust span.title-rotate {left: 67%; top: 22%; transform: rotate(0deg);}
                                            /** .rwd-screen-container.promo-two img.responsive-phone {display:none;}
                                            .rwd-screen-container.promo-two img.responsive-phone-horizontal {display: block; width: 80%; margin: auto; padding-bottom: 20px;**/ }
}

                                         

/** RWD promo three text adjustment **/
div.rwd-screen-container div.title-adjust-two div.large-title {width:408px;}
div.rwd-screen-container div.title-adjust-two div.large-title div.large-title-background {width:408px;}
div.rwd-screen-container div.title-adjust-two span.first-title {left: 5%; top: 43%;}
div.rwd-screen-container div.title-adjust-two span.title {left: 55.4%;; top:44%;}
div.rwd-screen-container div.title-adjust-two span.title-rotate {left: 39.2%; top:26%; transform: rotate(-90deg);}


@media only screen and (max-width: 550px) {
                                            div.rwd-screen-container div.title-adjust-two div.large-title {width: 365px; height: 226px; background-color:;}
                                            div.rwd-screen-container div.title-adjust-two div.large-title div.large-title-background {width: 365px; background-color:;}
                                            div.rwd-screen-container div.title-adjust-two span.first-title {background-color:; top: 10%; left: 25%;}
                                            div.rwd-screen-container div.title-adjust-two span.title {left:26%; top:47%;}
                                            div.rwd-screen-container div.title-adjust-two span.title-rotate {left: 37%; top: 19%; transform: rotate(0deg);}
                                            .rwd-screen-container.promo-two img.responsive-phone {display:none;}
                                            .rwd-screen-container.promo-two img.responsive-phone-horizontal {display: block; width: 80%; margin: auto; padding-bottom: 20px;}
}



@media only screen and (max-width: 460px) {
                                            div.rwd-screen-container div.title-adjust-two div.large-title {width: 255px; background-color:;}
                                            div.rwd-screen-container div.title-adjust-two div.large-title div.large-title-background {width: 255px; height: 106px; background-color:;} 
    
                                            div.rwd-screen-container div.title-adjust-two span.first-title {background-color:; top: 8%; left: 25%;}
                                            div.rwd-screen-container div.title-adjust-two span.title {left:26%; top:37%;}
                                            div.rwd-screen-container div.title-adjust-two span.title-rotate {left: 37%; top: 16%; transform: rotate(0deg);}
                                           }









@media only screen and (max-width: 460px) {
                                            div.rwd-screen-container div.content-rectangle div.large-title {width: 255px;} 
                                           }






div.rwd-screen-container div.content-rectangle div.large-title-background {
height: 60%; width: 400px; left: 3%; margin: auto; display: block; position: inherit;
}


@media only screen and (max-width: 460px) {
                                            div.rwd-screen-container div.content-rectangle div.large-title-background {height: 95px; width: 255px;} 
                                           }





div.rwd-screen-container div.content-box {width:100%; height: 400px; background-color: #ffffff00;}

@media only screen and (max-width: 550px) {
                                            div.rwd-screen-container div.content-box {height: 100%; float:none;} 
                                           }   










img.responsive-phone {vertical-align: middle; display: block; margin:auto; width: 50%; max-height: 566px;}

@media only screen and (max-width: 1700px) {img.responsive-phone {width: 50%;}}  
@media only screen and (max-width: 1500px) {img.responsive-phone {width: 55%;}} 
@media only screen and (max-width: 1300px) {img.responsive-phone {width: 60%;}} 
@media only screen and (max-width: 1000px) {img.responsive-phone {width: 67%;}} 
@media only screen and (max-width: 900px) {img.responsive-phone {width: 50%;}}  














div.full-screen-container {position: relative; width:100%; height:604px; background-color: #ffffff5c; border: dotted 1px black;
   margin-bottom: 20px;
    margin-top: 8px;
    border-top: 7px solid #838383;
    border-bottom: 7px solid #33ffcc;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 3px 2px 20px 2px rgb(121, 121, 121);}   



@media only screen and (max-width: 900px) {
                                            div.full-screen-container {display:none;} 
                                           }  

             
div.two-col-left {position: absolute; top:0; width:75%; height:600px;}

div.border-update  {border-top: 2px solid white;
    border-bottom: 0px solid #dedede;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
    display: flex;}
    
div.two-col-right {float:right; top:0; width:25%; height:600px;
    border-top: 0px solid #dedede;
    border-bottom: 0px solid #dedede;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/** box-sizing: border-box; box-shadow: inset 0px 1px 20px 5px rgb(255, 255, 255); **/}   
    
two-col-right-update  {background-color:#ffffff; float:right; top:0; width:25%; height:600px;
    border-top: 0px solid #dedede;
    border-bottom: 0px solid #dedede;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}   
    
div.content-box {background-color: #33ffcc; float:left; width:33.335%; height:300px;
    border-top: 0px solid #dedede;
    border-bottom: 0px solid #dedede;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    /** box-shadow: inset 0px 0px 2px 2px rgb(121, 121, 121); **/} 
    
div.content-rectangle {background-color: #565656ba; float:right; width:66.66%; height:300px;
    border-top: 0px solid #dedede;
    border-bottom: 0px solid #dedede;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    /** box-shadow: inset 0px 0px 2px 2px rgb(92, 92, 92); **/}   

div.content-rectangle-lower {float:left; width:66.667%; height:300px;
    border-top: 0px solid #dedede;
    border-bottom: 0px solid #dedede;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/** box-sizing: border-box; box-shadow: inset 0px 1px 20px 5px rgb(255, 255, 255); **/
    display: flex;}    
    
div.content-box-lower {background-color: #33ffcc; float:right; width:33.333%; height: 290px;
    border-top:0px solid #dedede;
    border-bottom: 0px solid #dedede;
    border-right: 0px solid #dedede;
    border-left: 0px solid #dedede;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    /** box-shadow: inset 0px 0px 2px 2px rgb(121, 121, 121); **/}