@media screen and (max-width: 900px) {



    /*************turn things off ***********************/

    #mainmenu {
        display: none;
    }
    .stripft {
        display: none;
    }
    #logobox {
        display: none;
    }
    #logobox_websites_for_china_page {
        display: none;
    }
    #floatingrobimage {
        display: none;
    }
    .specialsymbol {
        display: none;
    }
    .br_tag_off {
        display: none;
    }
    .mobile_off {
        display: none;
    }
    #floatingwechatlogo {
        display: none;
    }
    .vidcontainer {
        display: none;
    }
    #desktop_resume_list {
        display: none;
    }
    #blog_showpage_desktop {
        display: none;
    }
    /************* ... end turn things off **************/






    .mobile_on {
        display: block;
    }
    .mobvidcontainer {
        display: block;
    }

    .wordpressincludeslist {
        display: none;
    }
    #mobile_wp_svcs_included {
        width: 100%;
        font-family: Poppins,sans-serif;
        font-size: 17px;
    }
    #mobile_resume_list {
        display: block;
        width: 100%;
        padding: 15px;
        text-align: left;
    }
    #floatingyoutubeimage {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #blogdesktopmaindiv {
        display: none;
    }





    /********************* Blog Mobile *******************************/

    #stripmobblog {
        display: flex;
        margin-top: 110px;
        width: 100%;
        flex-direction: column;
    }
    .mobblogtitle {
        margin: auto;
        font-size: 19px;
        font-family: Futura, sans-serif;
    }
    .mobblog_ahref_tag {
        display: inline-block;
        margin:auto;
    }
    .mobblog_ahref_tag:hover {
        text-decoration: none;
    }
    .mobblogcontainer {
        box-sizing: border-box;
        padding: 5px;
        border: 1px dashed black;
        width: 290px;
        margin: auto;
        margin-top: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .mobblogcontainer:hover {
        background-color: lightgray;
    }
    .mobblogimage {
        width: 80px;
        height: auto;
        margin-right: 4px;
        /*margin: auto;*/
    }
    .mobblogdescrip {
        width: 180px;
        display: inline-block;
        /*margin: auto;*/
    }



    .stripmobblog_showpage {
        margin-top: 120px;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .mob_blg_showpg_image {
        width: 120px;
        height: auto;
        margin: auto;
        margin-bottom: 20px;
    }
    .mob_showpage_text {
        width: 80%;
        text-align: left;
        margin: auto;
        margin-bottom: 20px;
    }
    .mob_showpage_video {
        margin: auto;
        margin-bottom: 20px;
    }
    .span_title_date {
        font-weight: bold;
        color: blue;
    }

    /********************* ... end Blog Mobile ***********************/



    #floatingdrcrestimage {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #about_china_page {
        margin-top: 120px;
    }
    #contactpg_main_div {
        margin-top: 120px;
    }
    #login_main_div {
        margin-top: 90px;
    }




    /********************* Index page mobile ***********************/

    .secondpicturestrip {
        margin-top: 0;
        background-image: url(3images/mob_man_painting.jpg);
        background-size: cover;
        background-position: center center;
    }
    #screen_mob_man_painting {
        padding-top: 130px;
    }
    .stripfirst {
        background-color: #FDF1E5;
        width: 100%;
        padding: 0;
        font-family: 'Roboto', sans-serif;
    }
    .textboxfirststrip {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        font-size: 14pt;
        line-height: 27px;
        border: none;
        padding: 14px;
        box-shadow: none;
    }
    .thirdpicturestrip {
        background-image: url(images/hk_night_mob.jpg);
        background-size: cover;
        background-position: center center;
    }
    .newtextforpicstrip {
        color: ivory;
        font-size: 1.6em;
        font-weight: bold;
        margin: auto;
        border-radius: 10px;
        background-color: rgba(0,0,0,0.6);
        padding: 12px;
        text-align: center;
        font-family: lifesaversregular, sans-serif;
    }
    #textforwelderstrip {
        display: none;
    }
    #sites_for_china_text {
        font-size: 1.5em;
        max-width: 350px;
    }


    /********************* ... end Index page mobile ***************/



    #mobile_about_facepic {
        display: block;
        width: 175px;
        height: auto;
        border-radius: 40px;
        border: solid 5px mediumpurple;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }





    /********************* Special mobile samples page *************/
    #samples_mob_headergraphic {
        background-image: url(images/mob_samples_final.jpg);
        background-size: cover;
        background-position: center center;
    }
    #screen_mob_sample_page {
        padding-top: 100px;
    }
    .stripmobsample {
        width: 100%;
        box-sizing: border-box;
        /*height: 290px;*/
        display: flex;
        padding: 15px;
        background-color: #FFF1E5;
    }
    .mobsamp_ahref_tag {
        margin: auto;
    }
    .mobsamp_ahref_tag:hover {
        text-decoration: none;
    }
    .sampbox {
        box-sizing: border-box;
        /*KEY FOR THIS FLEX LAYOUT: I set
          this element, the sampbox, to
          a set width that will
          accomodate all phones*/
        width: 310px;
        margin: auto;
        display: flex;
        flex-direction: column;
        border: 1px solid black;
        border-radius: 10px;
        box-shadow: 5px 5px 8px rgba(0,0,0,.5);
        padding-top: 18px;
        padding-bottom: 12px;
    }
    .sampbox:hover {
        background-color: lightgray;
    }
    .samppic {
        margin: auto;
        width: 90%;
        height: auto;
        flex-shrink: 0;
        border-radius: 7px;
    }
    .sampprice {
        margin: auto;
        margin-top: 6px;
        color: green;
        font-family: FuturaMedium,sans-serif;
        font-size: 16px;
        font-weight: bold;
    }
    .sampdescrip {
        margin: auto;
        color: black;
        font-family: FuturaMedium,sans-serif;
        font-size: 16px;
    }

    /****************** ... end Special mobile samples page *************/







    /**************** mobile logo at top *****************/

    #moblogobox {
        position: absolute;
        display: block;
        left: 8px;
        top: 8px;
        z-index: 300;
        /*width: 335px;*/
        /*width: 255px;*/
        width: 292px;
        /*.87*/
        /*height: 110px;*/
        /*height: 84px;*/
        height: 96px;
        /*background-color: lightyellow;*/
        background-color: #FDF1E5;
        border: 3px solid blue;
        border-radius: 10px;
        box-shadow: 5px 5px 8px rgba(0,0,0,.5);
    }
    #logobox_websites_for_china_page {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 300;
        width: 335px;
        height: 110px;
        /*background-color: lightyellow;*/
        background-color: #FDF1E5;
        border: 3px solid blue;
        border-radius: 10px;
        box-shadow: 5px 5px 8px rgba(0,0,0,.5);
    }
    #mobmainlogoimage {
        position: absolute;
        left: 5px;
        top: 7px;
        /*height: 90px;*/
        height: 78px;
        /*height: 69px;*/
        width: auto;
    }







    /**************** mobile logo at top *****************/





    /************** Samples page mobile *******************/


    .stripsampleheader {
        width: 100%;
        height: 150px;
        display: flex;
        position: relative;
        box-sizing: border-box;
        justify-content: center;
        background-color: #FFF1E5;
    }

    .newsamplesitelogostrip {
        position: relative;
        width: 100%;
        background-color: #FDF1E5;
        height: 155px;
        margin-top: 40px;
    }

    .samplepagestripbox {
        display: block;
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #FDF1E5;
        float: none;
        font-family: Futura,sans-serif;
    }

    .sitepicbox {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 130px;
    }

    .samplesiteimagecontainer {
        margin-top: 20px;
        width: 200px;
        margin-right: auto;
        margin-left: auto;

    }
    .samplesiteimagefile {
        width: 200px;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        box-shadow: 4px 4px 8px rgba(0,0,0,.5);
    }
    .textvisitthesite {
        width: 200px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 15px;
        margin-bottom: 5px;
        text-align: center;
        font-family: FuturaLight, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: red;
    }
    .textsiteurl {
        width: 200px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0;
        text-align: center;
        font-family:  sans-serif;
        text-decoration: underline;
        font-size: 16px;
    }

    .sitetextdescription {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        padding: 0;
        text-align: center;
        font-family:  FuturaMedium, sans-serif;
        font-size: 13pt;
        line-height: 25px;
    }


    .sitechecklistbox {
        width: 100%;
    }
    .checklistcontainer {
        width: 230px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;

    }

    .siteincludescheckboxcontainer ul {
        margin: 0;
    }

    .siteincludeslist li {

        /* note that the bootstrap col width for this on large screens is a total of about
           97px wide   */
        /*font-family: Courier,  serif;*/
        font-family:  sans-serif;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        list-style: none;
        background-image: url('images/checkblue2.png');
        background-repeat: no-repeat;
        background-size: auto 17px ;
        padding-left: 18px;
        margin-bottom: 4px;
    }

    .textsiteincluded {
        /*font-family: "Courier New", serif;*/
        font-family:  sans-serif;
        margin-left: 45px;
        font-size: 12pt;
    }

    .pricetag {
        font-size: 14pt;
        color: green;
        font-weight: bold;
        font-family: Futura, sans-serif;
    }

    .samplesiteheadline {
        font-size: 14pt;
        color: black;
        font-weight: bold;
        font-family: Futura, sans-serif;
    }

    .fullsitedescription {
        font-family: FuturaLight, sans-serif;
    }



    /************** ... end Samples page mobile ***********/



    #vtboxcopyright {
        display: none;
    }
    #hiddenwechatbox {
        display: none;
        position: absolute;
        box-sizing: border-box;
        top: -340px;
        left: -105px;
        height: 300px;
        width: 250px;
        border: 1px solid black;
        background-color: lightgray;
        z-index: 400;
        box-shadow: 5px 5px 8px rgba(0,0,0,.5);
    }


    .returntotop {
        /*width: 80px;*/
        width: 60px;
        /*height: 120px;*/
        height: 90px;
        /*background-color: lightyellow;*/
        background-color: #FDF1E5;
        background-image: url(images/returntotop.png);
        background-size: cover;
        background-position: center center;
        /*background-color: lightseagreen;*/
        /*border: 2px solid grey;*/
    }
    .returntotop:hover {
        background-color: lightcoral;
    }
    #leftreturntotop {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    #rightreturntotop {
        position: absolute;
        right: 0;
        bottom: 0;
    }






    /*****************Mobile top Menu*******************/
    /****** note on includes: fontawesome, javascript at bottom to handle
       the mobile menu,         *******/
    #mobilemenutop {
        z-index: 494;
        display: inline-block;
        position: absolute;
        width: 80px;
        height: 80px;
        right: 20px;
        top: 15px;
        background-color: lightgrey;
        padding: 4px;
        border: solid 1px black;
        border-radius: 5px;

    }
    /*
           orange: #F19B41
           Dark navy: #0e152c
           Light blue: #477DF6

       */
    .mobilebarsicon {
        z-index: 111;
        position: absolute;
        left: 20px;
        top: 10px;

    }
    #textshowmenu {
        z-index: 120;
        display: inline-block;
        width: 50px;
        position: absolute;
        left: 19px;
        top: 52px;
        color: black;
        font-size: 14px;
        font-weight: bold;
    }

    #mmitems {
        display: none;
        z-index: 1344;
        position: absolute;
        width: 170px;
        /* old height at lonestar:  height: 325px; for tss=490px   */
        height: auto;
        right: 15px;
        top: 15px;
        background-color: blue;
        padding: 4px;
        border: solid 1px black;
        border-radius: 5px;
        padding-top: 45px;
    }
    #mmitems a {
        display: block;
        height: 24px;
        width: 100%;
        color: black;
        border: 1px solid black;
        margin-top: 3px;
        text-align: center;
        border-radius: 5px;
        background-color: #FFF1E5;
    }
    /*#firstmenitemwithtopborder {*/
    /*border: 1px solid black;*/
    /*border-top: 1px solid black;*/
    /*border-radius: 5px;*/
    /*}*/
    #closeitems {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 40px;
        height: 40px;
        border: 1px solid black;
        border-radius: 3px;
        background-color: grey;


    }
    #guanbi {
        position: absolute;
        top: 5px;
        left: 11px;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
    }

    /***************** ... end Mobile top Menu*******************/


    /* Mobile footer menu*/


    #mobilefootermenu {
        display: inline-block;

        width: 100%;
        /*height: 250px;*/
        padding: 15px;
        background-color: blue;
        /*border: 2px solid black;*/
    }

    #mobilefootermenu a {
        color: black;
        display: block;
        text-align: center;
        padding: 4px;
        margin: 6px;
        background-color: #FFF1E5;
        border: 1px solid black;
        border-radius: 6px;
    }

    .mobilesitebylink {
        font-size: 10px;
        padding: 2px;
        border: none;
        margin: 3px;
        /* note to get the back ground color transparent as listed below, I had
           to go into the inline styles and place it directly in the HTML,
           using just the property statement below did NOT work ...     */
        background-color: transparent;
    }

    /* ... end Mobile Footer menu*/




    #screenforstrongfoundations {
        padding-top: 90px;
    }
    #web_des_page_floating_image {
        display: none;

    }
    .mobile_br_tag {
        display: block;
    }


    .listofwebsitefeatures  {

       margin-right: auto;
        margin-left: auto;
    }

    .listofwebsitefeatures li {

        /* note that the bootstrap col width for this on large screens is a total of about
           97px wide   */
        /*font-family: Courier,  serif;*/
        /*font-family:  sans-serif;*/
        font-family: Verdana, sans-serif;
        font-size: 15px;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        list-style: none;
        background-image: url('images/wrench_icon_final.png');
        background-repeat: no-repeat;
        /*background-size: auto 17px ;*/
        background-size: auto 22px ;
        /*background-position: 0 ;*/
        padding-left: 4px;
        margin-bottom: 4px;
    }

    .siteheadergreeting {
        font-size: 24px;
    }
    .margtp40px {
        margin-top: 0;
    }

    #textforspanishtranslation {
        display: none;
    }
    #pagespanishtranslationstrip {
        position: relative;
        height: 350px;
        width: 100%;
        background-image: url(3images/mob_banner_human_translation_final.jpg);
        background-size: cover;
        background-position: center center;
        /*padding-top: 135px;*/

    }







/* end of device size query*/
}



/*_______________________________VERY SMALL SCREENS________________________________________*/




@media screen and (max-width: 385px) {


    .very_small_screen_off {
        display: none;
    }

    #moblogobox {
        position: absolute;
        display: block;
        left: 8px;
        top: 8px;
        z-index: 300;
        /*width: 335px;*/
        /*width: 255px;*/
        width: 263px;
        /*.87*/
        /*height: 110px;*/
        /*height: 84px;*/
        height: 86px;
        /*background-color: lightyellow;*/
        background-color: #FDF1E5;
        border: 3px solid blue;
        border-radius: 10px;
        box-shadow: 5px 5px 8px rgba(0,0,0,.5);
    }
    #logobox_websites_for_china_page {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 300;
        width: 335px;
        height: 110px;
        /*background-color: lightyellow;*/
        background-color: #FDF1E5;
        border: 3px solid blue;
        border-radius: 10px;
        box-shadow: 5px 5px 8px rgba(0,0,0,.5);
    }
    #mobmainlogoimage {
        position: absolute;
        left: 5px;
        top: 7px;
        /*height: 90px;*/
        /*height: 69px;*/
        height: 71px;
        width: auto;
    }


    #mobilemenutop {
        z-index: 494;
        display: inline-block;
        position: absolute;
        width: 80px;
        height: 80px;
        right: 10px;
        top: 8px;
        background-color: lightgrey;
        padding: 4px;
        border: solid 1px black;
        border-radius: 5px;
    }

    .floatingimage {
        display: none;
    }





    /* ... end device query */
}



/*_______________________________... end VERY SMALL SCREENS________________________________*/