@media (max-width: 1024px)and (min-width: 0){
    /*css for intro page*/
    #mymaintop1 .wrapper .product-menus{
        display: none;
    }
    #mymaintop2 .main-first table tbody tr td:first-child{
        width: 100%;
        margin: 0 auto;
    }
    #mymaintop2 .main-first table tbody tr td:first-child div{
        width: 80%;
        margin: 0 auto;
    }
    #mymaintop2 .main-first table{
        width: 100%;
    }
    #mymaintop2 .main-first table tbody tr td:nth-child(2){
        display: none;
    }
    #mymaintop2 .main-second table{
        width: 100%;
    }
    #mymaintop2 .main-second table tbody tr td{
        float: none;
        width: 80%;
        padding: 0 !important;
        margin: 0 auto !important;
        display: table;
        border:none !important;
        margin-bottom:20px;
    }
    #mymaintop2 .main-second .product-3tips{
        width: 80%;
        padding: 0 !important;
        margin: 0 auto !important;
    }
    #mymaintop2 .main-third .overview_all6{
        width: 90%;
    }
    #mymaintop2 .main-third .overview_all6 .overview_left table{
        width: 100%;
        margin: 0px;
    }
    #mymaintop2 .main-third .overview_all6 .overview_left{
        width: 100%;
        margin: 0px;
        float: none;
    }
    #mymaintop2 .main-third .overview_all6 .overview_right{
        width: 100%;
        margin: 0px;
        float: none;
    }
    #mymaintop2 .main-third .overview_all6 .overview_right table{
        width: 100%;
        margin: 0px;
    }
    #mymaintop2 .main-third .overview_all6 .overview_right table tbody tr td:first-child{
        /*display: none;*/
    }
    #mymaintop2 .main-fourth .wrapper .mainfunction{
        width: 80%;
        margin: 0 auto;
    }
    #mymaintop2 .main-fourth .wrapper table{
        width: 100% !important;
        margin: 0 auto;
    }
    #mymaintop2 .main-fourth .wrapper table tbody tr td{
        float: none;
        width: 100%;
        padding: 0 !important;
        margin: 0 auto !important;
        display: table;
        border:none !important;


    }
    #mymaintop2 .main-fourth .wrapper table tbody tr td div{
        width: 80%;
        margin: 0 auto !important;
        padding-bottom: 30px;
    }
    #mymaintop2 .main-5{
        display:none;
    }
    #maintop{
        display: none;
    }
    #mytop1{
        /*display: none;*/
    }
    #mymaintop1{
        display: none;
        background: none !important;
    }
    .overview_right{
        display: none;
    }
    #mytop1 #net{
        display: none;
    }
    #mytop1 #phone_banner #phone_banner_img{
        text-align: center;
        padding-top: 40px;

    }
    #mytop1 #phone_banner h1{
        text-align: center;
        clear: both;
        margin: 0 auto !important;
		width:80%;
		line-height:125%;
		padding-top:30px;
		padding-bottom:30px;
    }
    #mytop1 #phone_banner h4{
        width: 80%;
        margin: 0 auto;
        padding-bottom:30px;
    }
    .main-third .overview{
        width: 90%;
        margin: 0 auto;
    }
    #mytop1 {
        background: url(/images/Intro/Intro_banner_back.png) !important;
    }
    .main-third .phone_over6{
        margin-bottom: 10px;
    }
    #mainmiddle{
        display:none;

    }
    #phone_banner .intro_btns_phone{
        width: 80%;
        margin: 0 auto;
        min-height: 34px;
        padding-bottom: 40px;
    }
    #phone_banner .intro_btns_phone a{
        /*float: left;*/
    }
    #phone_banner .intro_btns_phone .buy{
        background: url(/images/Intro/buy_banner.png) 0px 0px no-repeat scroll transparent;
        height: 34px;
        width: 120px;
        font-size: 0px;
        float: left;
        border: none;
        margin: 0px;
        padding: 0px;
    }
    #phone_banner .intro_btns_phone .download{
        background: url(/images/Intro/download_banner.png) 0px 0px no-repeat scroll transparent;
        background-position: 0px 0px;
        width: 141px;
        font-size: 0px;
        float: right;
        border: none;
        margin: 0px;
        padding: 0px;
        height: 34px;
    }
    #mymaintop2 .main-fourth a:visited{
        color: #2E8B57;
    }
    #mymaintop2 .main-fourth a:link{
        color: #2E8B57;
    }
    #mymaintop2 .main-second .product-3buy{
        display: none;
    }
	.ov_ul li:last-child{
		/* margin:0px 15px 20px 0 !important; */
	}
	    .lefto_3 li{
        margin-right: 0px !important;
    }
	.main-6 .office_all table{
        width: 100% !important;
    }
    .main-6 .office_all table tbody .office-left-phone{
        display: none !important;
    }
    .main-6 .office_all table tbody .office-right-phone{
    width: 80% !important;
    margin: 0 auto;
    display: table;
    }
    .main-6 .wrapper table{
        float: none;
    }
	#mymaintop2 .main-fourth .wrapper table tbody tr td div{
		width:80% !important;
	}
	.overview_all6 ul li{
		margin-bottom:0px !important;
	}
	#phone_banner .intro_btns_phone .demos {
    background: url(/images/Intro/demos_banner.png) 0px 0px no-repeat scroll transparent;
    height: 34px;
    width: 120px;
    font-size: 0px;
    float: left;
    border: none;
    margin: 0px;
    padding: 0px;
	}
	.office_all td{
		height:auto;
	}
	.td_learn_more,.td_free_trial,.td_live_demo,.td_Free_Download,.td_Pro_Edition{
		padding-left:0px !important;
		padding-bottom:38px !important;
		float:left;
	}
	.td_Free_Download{
		width:142px !important;
	}
	.main-third{
		padding-bottom:30px;
	}
	.ov_ul2{
		margin:0px 0 0px 0;
	}
	.ov_ul2 li{
		min-height:38px;
	}
	.ov_ul li{
		min-height:38px !important;
	}
	
	.product_banner{
		display:none;
	}
	#phone_banner{
		display:block !important;
	}
	
	.product_contents #phone_banner #phone_banner_img{
        text-align: center;
        padding-top: 40px;

    }
    .product_contents #phone_banner h1{
        text-align: center;
        clear: both;
        margin: 0 auto !important;
		width:80%;
		line-height:125%;
		padding-top:30px;
		padding-bottom:30px;
    }
    .product_contents #phone_banner h4{
        width: 80%;
        margin: 0 auto;
        padding-bottom:30px;
    }
	.product_contents{
    background: url(/images/Intro/Intro_banner_back.png) !important;
	}
	.product_contents .product_menu{
		display:none;
	}
	#tab1{
		background-color:white;
	}
	.pdf_android #tab1 .overview_all6{
		min-height:920px;
	}
	.doc_android #tab1 .overview_all6{
		min-height:720px;
	}
	.xls_android #tab1 .overview_all6{
		min-height:760px;
	}
	.ppt_android #tab1 .overview_all6{
		min-height:860px;
	}




}