.div-button-a{display:block;height:100%}
.div-button-hidden-txt{display:block;overflow:hidden;text-indent:180%;white-space:nowrap}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.verticalcenter{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#zk-template{padding:0;margin-top:64px}
#template-inner{padding:0;width:100%;font-family:"Roboto";border-radius:0;box-shadow:none}
#template-inner .responsive_block{margin-bottom:96px}
#template-inner #content-2{background:#f5f9fa;padding:96px 0}
#template-inner #content-2 .responsive_block_demo h3{margin-bottom:24px;margin-left:0}
#template-inner .content-top{border-bottom:12px solid #e1e9eb;margin-bottom:96px}
#template-inner .content-top #splash{margin:0 auto}
#template-inner #spring-framework{margin-bottom:48px;text-align:center}
#template-inner #spring-framework :hover{color:#66c7e2!important;text-decoration:none!important}
#template-inner #resDesnList{margin:0}
#template-inner .listItem{color:#537680;font-size:16px;line-height:28px}
#template-inner .listItem :hover{color:#66c7e2;text-decoration:none}
#template-inner #menu-list div{height:108px;width:137px}
#template-inner .responsive_block_demo_inner_block .inner_block{grid-template-columns:1fr 16px 1fr;-ms-grid-columns:1fr 16px 1fr}
#template-inner .responsive_block_demo_inner_block .inner_block :nth-child(2){-ms-grid-row:1;-ms-grid-column:2}
#template-inner .responsive_block_demo_inner_block .inner_block :nth-child(3){-ms-grid-row:1;-ms-grid-column:3}
#template-inner .inner_block{display:grid;display:-ms-grid;grid-template-columns:1fr 40px 1fr;-ms-grid-columns:1fr 40px 1fr}
#template-inner .inner_block .text{margin:auto 0}
#template-inner .inner_block .image{width:100%}
#template-inner .inner_block .gap{-ms-grid-columns:2}
#template-inner .inner_block p{color:#537680;font-size:16px;line-height:28px;margin-bottom:0}
#template-inner .inner_block .calendar-card,#template-inner .inner_block .calendar-text{padding:24px}
#template-inner .inner_block .calendar-card li,#template-inner .inner_block .calendar-text li{margin-top:16px}
#template-inner .inner_block .calendar-card-even{margin:16px 0}
#template-inner .inner_block .ee_title{color:#0b4859;font-weight:400;font-size:24px;line-height:28px}
#template-inner .image-javacup{background:url('/resource/img/product/javacup.png') no-repeat center top;background-size:440px}
#template-inner #spreadsheet-landing-area{height:100%;width:100%}
#template-inner #spreadsheet-landing-area div{float:left;width:460px;height:215px;padding-left:10px;padding-right:10px;padding-top:30px;padding-bottom:30px}
#template-inner #spreadsheet-landing-area div div{background-color:#fff;height:100%;width:100%;padding:5px 0;box-shadow:0 2px 7px rgba(0,0,0,0.2)}
#template-inner #spreadsheet-landing-area div div .image{float:left;width:35%;height:100%}
#template-inner #spreadsheet-landing-area div div .image-app{background:url('/resource/img/landing/image_app.png') no-repeat center center}
#template-inner #spreadsheet-landing-area div div .image-component{background:url('/resource/img/landing/image_component.png') no-repeat center center}
#template-inner #spreadsheet-landing-area div div .text{float:left;height:100%;width:65%}
#template-inner #spreadsheet-landing-area div div .text h1{padding:22px 10px 0;font-size:28px;font-weight:300;color:#112f37}
#template-inner #spreadsheet-landing-area div div .text p{padding-left:10px;padding-right:10px;font-size:18px;font-weight:300;color:#555;line-height:28px}
#template-inner #spreadsheet-landing-area div div .text .button{-moz-text-shadow:0 1px 0 #007592!important;-webkit-text-shadow:0 1px 0 #007592!important;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;background-color:#0085b1;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#00a7c8),color-stop(1,#0085b1));background:-moz-linear-gradient(center top,#00a7c8 5%,#0085b1 100%);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a7c8',endColorstr='#0085b1');border-radius:3px;box-shadow:0 1px 0 0 rgba(0,0,0,0.15);border:1px solid #006280;color:#fff!important;cursor:pointer;display:inline-block;font-family:"Roboto";font-size:13px!important;font-weight:bold;height:34px!important;line-height:34px;margin:0 auto;padding:0;text-align:center;text-decoration:none;width:130px}
#template-inner #spreadsheet-landing-area div div .text .button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#00b5d1),color-stop(1,#0083ae));background:-moz-linear-gradient(center top,#00b5d1 5%,#0083ae 100%);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b5d1',endColorstr='#0083ae');background-color:#00b5d1;font-size:13px!important;height:34px!important;margin:0 auto;padding:0}
#template-inner #spreadsheet-landing-area div div .text .orange{background:-moz-linear-gradient(center top,#ec4f20 5%,#e63a13 100%) repeat scroll 0 0 rgba(0,0,0,0);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ec4f20),color-stop(1,#e63a13));-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec4f20',endColorstr='#e63a13');border:1px solid #ad3111;background-color:#e63a13}
#template-inner #spreadsheet-landing-area div div .text .orange:hover{background:-moz-linear-gradient(center top,#fa642f 5%,#f94d1e 100%) repeat scroll 0 0 rgba(0,0,0,0);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fa642f),color-stop(1,#f94d1e));-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa642f',endColorstr='#f94d1e');border:1px solid #ad3111;background-color:#f94d1e}
#template-inner .supported_platforms .img{margin:auto;display:block;margin-top:16px;width:100%;max-width:450px}
#template-inner .platform_list_left{margin-top:10px}
#template-inner .listItem{background-image:url('/resource/img/icons/svg/check.svg');background-repeat:no-repeat;background-position:0 4px;padding-left:20px;background-size:16px;list-style:none;margin-top:16px}
#template-inner p{color:#537680;font-size:16px;line-height:28px;margin-bottom:0}
#template-inner ul{font-size:16px;color:#555;line-height:28px;margin:5px 0}
#template-inner a{text-decoration:none}
#template-inner .text-bold{font-weight:bold}
#template-inner .text-blue{color:#008db7}
#template-inner .text-gray{color:#555}
#template-inner #quickpoll{font-family:"Roboto";font-size:14px;background-color:#fcfcfc;border:1px solid #e1e1e1;padding:20px;line-height:28px}
#template-inner #quickpoll .polling input{width:auto;height:auto;-webkit-appearance:checkbox}
#template-inner #quickpoll h1{font-size:24px;font-weight:300;color:#acacac;padding:0}
#template-inner #quickpoll p{font-size:16px;font-weight:bold;color:#555}
#template-inner #quickpoll #pollbutton{height:29px;width:79px;cursor:pointer;cursor:hand;background:url('/resource/img/stuck/button_submit.png') no-repeat scroll 0 -29px transparent}
#template-inner .button-shared{float:left;padding:14px 0}
#template-inner #splash{background-repeat:repeat-x;margin:160px 24px 96px}
#template-inner #splash .banner-img{float:right;-ms-grid-column:3}
#template-inner #splash .banner-img img{width:100%}
#template-inner #splash .banner-img a{color:#18343c;display:block;font-size:1px;line-height:0}
#template-inner #splash .map{border:0 none}
#template-inner #splash .title{text-align:left;margin:24px 0 16px;font-size:56px;line-height:66px}
#template-inner #splash .desc{font-size:22px;color:#0b4859;line-height:33px}
#template-inner #splash #buttons{cursor:pointer;overflow:hidden;margin-top:48px;height:48px;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr}
#template-inner #splash #buttons a:hover{text-decoration:none}
#template-inner #splash #buttons-two{cursor:pointer;overflow:hidden;margin-top:48px;height:48px;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr}
#template-inner #splash #buttons-two a:hover{text-decoration:none}
#template-inner #splash .demo_button{float:left;padding:14px 0;margin-right:10px;-ms-grid-column:1}
#template-inner #splash .download_button{float:left;padding:14px 0;margin:0 5px;-ms-grid-column:2}
#template-inner #splash .documents_button{float:left;padding:14px 0;margin-left:10px;-ms-grid-column:3}
#template-inner #button_bottom{cursor:pointer;height:48px;display:table;overflow:hidden;margin:96px auto 0}
#template-inner #button_bottom .demo_button{float:left;padding:14px 0;width:225px;margin-right:16px}
#template-inner #button_bottom .demo_button a{width:72px}
#template-inner #button_bottom .download_button{float:left;padding:14px 0;width:225px}
#template-inner #button_bottom_trial{float:left;padding:14px 0;background-position:0 0;width:225px}
#template-inner #button_bottom_trial:hover{background-position:0 -40px}
#template-inner #verts{height:190px}
#template-inner .vert_large a:hover{text-decoration:none}
#template-inner div.vert,#template-inner div.vert_separator,#template-inner div.vert_large{float:left}
#template-inner div.vert{width:323px;height:153px;text-align:center;background-image:url('/resource/img/landing/gradient.png')}
#template-inner div.vert_separator{width:1px;height:153px}
#template-inner div.vert_large{width:648px;height:153px;text-align:center;background-image:url('/resource/img/landing/gradient.png')}
#template-inner .mixitems,#template-inner .fulltext{padding:0}
#template-inner .mixitems ul{margin-left:25px}
#template-inner .fulltext{padding-bottom:15px}
#template-inner .separator{height:1px;width:100%;background-color:#dedede}
#template-inner div.item{margin-bottom:30px}
#template-inner div.item .image{height:100%;background-position:center center}
#template-inner .image{-ms-grid-column:1}
#template-inner .image-right{grid-row:1;grid-column:3;-ms-grid-row:1;-ms-grid-column:3}
#template-inner .text{-ms-grid-column:3}
#template-inner .text-left{grid-row-start:1;grid-column:1;-ms-grid-row-start:1;-ms-grid-column:1}
#template-inner div.item .text{float:left;width:460px}
#template-inner div.item .text-list{float:left}
#template-inner div.item .text-list li{list-style:none outside url("/resource/img/landing/arrow_white.png");font-size:14px;color:#555;line-height:27px}
#template-inner div.item .text-list-limit ul{float:left}
#template-inner .product_image_link{display:block;height:100%;width:100%}
#template-inner #product-content .content-zkpvtable .content-container{margin-right:10px;background-color:#ededed;padding:13px}
#template-inner #product-content .content-zkpvtable .center-container{margin:0 auto}
#template-inner #product-content .content-zkpvtable #feature-image{width:100%;border:1px solid #d7d7d7;position:relative;background-color:#fafafa;font-size:1px;overflow:hidden}
#template-inner #product-content .content-zkpvtable #feature-image .ajax-loader{position:absolute;top:110px;left:180px;background:transparent url("/resource/img/product/page/ajax-loader-product-zkstudio.gif") no-repeat scroll 0 0;width:32px;height:32px;display:none}
#template-inner #product-content .content-zkpvtable #feature-image .feature-desc{position:absolute;bottom:0;left:0;color:white;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;text-align:right;padding:0 30px;line-height:40px;background:black;height:40px;width:300px}
#template-inner #product-content .content-zkpvtable #feature-outline{right:0;top:0;position:absolute}
#template-inner #product-content .content-zkpvtable #feature-outline ul{position:relative;margin-left:0;margin-top:0;overflow:visible;margin:0}
#template-inner #product-content .content-zkpvtable #feature-outline ul li{zoom:1;color:#555;cursor:pointer;list-style:none;line-height:64px;padding:0 20px 0 20px;font-size:13px;border-bottom:1px solid #d7d7d7;background:#fff;background-image:-webkit-gradient(linear,top,bottom,from(#fff),to(#ededed));background-image:-webkit-linear-gradient(top,#fff,#ededed);background-image:-moz-linear-gradient(top,#fff,#ededed);background-image:-ms-linear-gradient(top,#fff,#ededed);background-image:-o-linear-gradient(top,#fff,#ededed);background-image:linear-gradient(top,#fff,#ededed);filter:formatstring("progid:DXImageTransform.Microsoft.gradient(startColorstr='{0}', endColorstr='{1}')",#fff,#ededed);-ms-filter:formatstring("\"progid:DXImageTransform.Microsoft.gradient(startColorStr='{0}', EndColorStr='{1}')\"",#fff,#ededed)}
#template-inner #product-content .content-zkpvtable #feature-outline ul .li-last{line-height:65px;border:0 none}
#template-inner #product-content .content-zkpvtable #feature-outline ul .li-hover{color:#313131;background:#f6f6f6;filter:none}
#template-inner #product-content .content-zkpvtable #feature-outline ul .li-sel{filter:none;color:white;box-shadow:0 1px 3px 1px #007191 inset;background:#0085b1;background-image:-webkit-gradient(linear,top,bottom,from(#0085b1),to(#0093bb));background-image:-webkit-linear-gradient(top,#0085b1,#0093bb);background-image:-moz-linear-gradient(top,#0085b1,#0093bb);background-image:-ms-linear-gradient(top,#0085b1,#0093bb);background-image:-o-linear-gradient(top,#0085b1,#0093bb);background-image:linear-gradient(top,#0085b1,#0093bb);filter:formatstring("progid:DXImageTransform.Microsoft.gradient(startColorstr='{0}', endColorstr='{1}')",#0085b1,#0093bb);-ms-filter:formatstring("\"progid:DXImageTransform.Microsoft.gradient(startColorStr='{0}', EndColorStr='{1}')\"",#0085b1,#0093bb)}
#template-inner #product-content .content-zkpvtable #feature-outline ul li#tick{filter:none;border:0 none;padding:0;margin:0;background:transparent url("/resource/img/product/page/arrow.gif") no-repeat scroll 0 21px;position:absolute;left:-8px;top:65px;width:8px;height:65px;line-height:0;cursor:auto}
#template-inner #product-content .content-zkpvtable #feature-outline img{width:60px;margin:10px 10px 0 0;border:1px solid #d0d0d0;float:left}
#template-inner #product-content .content-zkpvtable .topic .fcb{position:relative;display:block;height:130px}
#template-inner #product-content .content-zkpvtable .topic .fcb img{float:left}
#template-inner #product-content .content-zkpvtable .topic .fcb .fcb_view{position:absolute;z-index:10;top:0;left:0;display:block;height:145px;width:185px;cursor:pointer;background:0 none}
#template-inner #product-content .content-zkpvtable .topic a:hover .fcb_view{background:transparent url("/resource/img/product/page/zkpvt-overlay.png") no-repeat scroll 15px 15px}
#template-inner #product-content .content-zkpvtable .topic .img-container{width:220px}
#template-inner #product-content .content-zkpvtable .topic .description ul{float:left}
#template-inner #product-content-spring .topic .title{color:#fff;padding:24px 0;background:#9ccb18;text-align:center;border-radius:8px 8px 0 0;font-weight:400;font-size:24px;line-height:28px}
#template-inner #product-content-spring .topic .title .spring{font-weight:500;font-size:40px;line-height:47px;margin-bottom:4px}
#template-inner #product-content-spring .topic .text{height:calc(100% - 177px);border:1px solid #e1e9eb;border-radius:0 0 8px 8px;padding:24px}
#template-inner #product-content-spring .topic .text-float-container-zkspring{position:relative;z-index:0;border-top:0;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:8px}
#template-inner #product-content-spring .topic .text-float-container-zkspring .listItem{margin-top:0;margin-bottom:16px}
#template-inner #product-content-spring .topic .text-float-container-zkspring .listItem:last-child{margin-bottom:0}
#template-inner #product-content-spring .topic .text-float-container-zkspring ul{margin:0}
#template-inner .ie7 #product-content .topic .text-float-container-zkspring{margin:-4px 3px 0 4px}
#template-inner #product-banner{background-color:#007c9e;position:relative}
#template-inner #product-banner #splash{margin:0 auto;padding:104px 0 96px;width:85%}
#template-inner #product-banner .product-name{margin-top:0;color:#fff}
#template-inner #product-banner .product-slogan{font-size:22px;color:#fff;line-height:33px;text-align:center;width:72%;margin:auto}
#template-inner #product-banner #buttons-two{width:388px;margin:24px auto}
#template-inner #product-banner .text{width:620px}
#template-inner #product-content{overflow:hidden;width:100%}
#template-inner #product-content #contents{overflow:hidden;position:relative;z-index:2}
#template-inner #product-content ul#content-list{margin:0;padding:0;position:relative;list-style-type:none;z-index:3;overflow:hidden}
#template-inner #product-content .content{float:left}
#template-inner #product-content .content .printTitle{display:none}
#template-inner #product-content .inner_block{grid-template-columns:4fr 16px 8fr;-ms-grid-columns:4fr 16px 8fr;margin-bottom:96px}
#template-inner #product-content .inner_block_2{grid-template-columns:8fr 16px 4fr;-ms-grid-columns:8fr 16px 4fr}
#template-inner #product-content .inner_block_text{grid-template-columns:1fr 40px 1fr;-ms-grid-columns:1fr 40px 1fr}
#template-inner #product-content .inner_block_text :nth-child(3){-ms-grid-column:3}
#template-inner #product-content .topic{width:100%}
#template-inner #product-content .topic p{margin-top:16px}
#template-inner #product-content .topic .img-container{text-align:center}
#template-inner #product-content .topic .img-container img{width:100%}
#template-inner #product-content .topic .image{text-align:center;margin:auto}
#template-inner #product-content .topic .image img{width:100%;margin-top:16px}
#template-inner #product-content .topic .text-float-container2 img{margin-top:8px}
#template-inner #product-content .topic .text-float-container2 p{margin-top:0}
#template-inner #product-content .topic .single-img-container{text-align:center}
#template-inner #product-content .topic .single-img-container .inner{background-color:#ededed;padding:13px 0;margin:0 auto}
#template-inner #product-content .topic h4.headerline{padding:0;font-size:24px;line-height:28px}
#template-inner #product-content .topic .img-bottom{width:120px;height:120px;margin-bottom:40px}
#template-inner #product-content .topic .about-gap{height:96px}
#template-inner #product-content #id_web_technology_synergy .grid_3{margin-bottom:32px}
#template-inner #product-content #id_web_technology_synergy h4{margin-bottom:8px}
#template-inner #product-content #id_web_technology_synergy img{max-width:100%}
#template-inner #chartsarea .charttitle{display:block;font-size:20px;margin-bottom:16px;font-weight:400;line-height:23px;color:#0b4859}
#template-inner #chartsarea .chartsavailable{display:block;margin-top:10px}
#template-inner #chartsarea .chartsection{margin-top:25px;margin-bottom:15px}
#template-inner #chartsarea .chart{float:left;width:150px;height:111px;cursor:pointer;margin-bottom:16px;margin-right:16px;position:relative;display:inline-block}
#template-inner #chartsarea .chart img{width:150px;height:111px;display:inline-block;z-index:1;position:absolute;border:1px solid #e1e9eb;border-radius:4px}
#template-inner #chartsarea .chart-image:hover{border-color:#66c7e2}
#template-inner #chartsarea .chart-image:active{border:2px solid #00a2cf;box-sizing:border-box}
#template-inner .calendarlist ul{font-size:16px;color:#555;line-height:28px;margin:5px 0;list-style-position:inside}
#template-inner #ee_demos{padding:0}
#template-inner #ee_demos .ee_demo_row{padding:0}
#template-inner #ee_demos .ee_entry{height:100%;float:left}
#template-inner #ee_demos .ee_entry ul{list-style-position:inside}
#template-inner #ee_demos img{border:1px solid #ccc;width:100%}
#template-inner #ee_demos span,#template-inner #ee_demos h2{padding-top:8px}
@media screen and (max-width:320px){#template-inner #content .title{font-size:42px}
#template-inner #content #splash #buttons,#template-inner #content #splash #buttons-two{margin-bottom:16px}
#template-inner #content #splash #buttons .demo_button,#template-inner #content #splash #buttons-two .demo_button{margin-right:4px}
#template-inner #content #splash #buttons .download_button,#template-inner #content #splash #buttons-two .download_button{margin:0 2px}
#template-inner #content #splash #buttons .documents_button,#template-inner #content #splash #buttons-two .documents_button{margin-left:4px}
#template-inner #product-content .content-zkpvtable .content-container{padding:0;margin:0}
#template-inner #product-content .content-zkpvtable #feature-image{border:0}
#template-inner .gradient #button_bottom div{width:125px!important}
#template-inner #product-banner #splash #buttons-two{width:272px}
#template-inner #product-banner #splash .product-name{font-size:40px;line-height:56px}
#template-inner #product-banner #splash .product-slogan{font-size:22px}
}
@media screen and (max-width:624px){#template-inner #content,#template-inner .responsive_block_demo,#template-inner .content-top #splash{margin-right:24px;margin-left:24px}
}
@media screen and (max-width:767px){#content,.responsive_block_demo,.content-top #splash{max-width:560px;margin:auto}
#template-inner .title{font-size:48px}
#template-inner .inner_block{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner .inner_block .product_image_link,#template-inner .inner_block .image-javacup,#template-inner .inner_block .image{grid-row:3;-ms-grid-row:3}
#template-inner .inner_block .image-right{grid-column-start:1;grid-row:3;-ms-grid-column:1;-ms-grid-row:3}
#template-inner .inner_block .text{-ms-grid-row:1;-ms-grid-column:1}
#template-inner .inner_block .calendar-text{padding:24px 0}
#template-inner .inner_block .image{max-width:480px;margin:0 auto;display:block}
#template-inner #content .gap{grid-row:2;-ms-grid-row:2;grid-column:1;-ms-grid-column:1;height:16px}
#template-inner #product-content .content-zkpvtable #feature-outline{position:inherit;right:auto;top:auto}
#template-inner #product-content .content-zkpvtable #nofix1{width:100%}
#template-inner #splash .banner-img{margin:40px auto 0;float:none;-ms-grid-column:1;-ms-grid-row:3}
#template-inner #nofix1{width:320px}
#template-inner .gradient #button_bottom a{width:100%;min-width:128px}
#template-inner .gradient #button_bottom :nth-child(2){margin-top:16px}
#template-inner .responsive_block_demo_inner_block .inner_block{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner .responsive_block_demo_inner_block .inner_block :nth-child(2){-ms-grid-row:2;-ms-grid-column:1}
#template-inner .responsive_block_demo_inner_block .inner_block :nth-child(3){-ms-grid-row:3;-ms-grid-column:1}
#template-inner #product-banner #buttons-two{width:auto}
#template-inner #product-banner #splash{padding:96px 24px 104px;width:auto}
#template-inner #product-banner .product-name{font-size:48px;line-height:56px}
#template-inner #product-banner .product-slogan{width:100%}
#template-inner #product-content .inner_block,#template-inner #product-content .inner_block_2{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner #product-content .inner_block_text :nth-child(3){-ms-grid-row:3;-ms-grid-column:1}
#template-inner #product-content .text{grid-row-start:1}
#template-inner #product-content .image-right{grid-row:3;-ms-grid-row:3;-ms-grid-column:1}
#template-inner #product-content .gap{height:16px}
#template-inner #product-content #id_web_technology_synergy .text-float-container2{margin-bottom:32px}
#template-inner #product-content #id_web_technology_synergy .gap{height:0}
#template-inner #product-content #id_web_technology_synergy .grid_3{margin:0}
#template-inner #chartsarea .chart{width:100%;max-width:327px;float:none;height:256px;margin-right:0}
#template-inner #chartsarea .chart img{width:100%;height:auto}
#template-inner .calender-image-bottom{grid-row:3;-ms-grid-row:3;-ms-grid-column:1}
}
@media screen and (min-width:768px) and (max-width:1023px){#content,.responsive_block_demo,#product-content .content,.content-top #splash{max-width:704px;margin:auto}
#template-inner #splash .inner_block,#template-inner .responsive_block .inner_block{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner #splash .inner_block .product_image_link,#template-inner .responsive_block .inner_block .product_image_link,#template-inner #splash .inner_block .image-javacup,#template-inner .responsive_block .inner_block .image-javacup,#template-inner #splash .inner_block .image,#template-inner .responsive_block .inner_block .image{grid-row:3;grid-column:1;-ms-grid-row:3;-ms-grid-column:1}
#template-inner .responsive_block_demo_inner_block .inner_block{grid-template-columns:1fr 16px 1fr;-ms-grid-columns:1fr 16px 1fr}
#template-inner #splash .banner-img{margin:40px auto 0;float:none;-ms-grid-column:1;-ms-grid-row:3}
#template-inner #content .gap{grid-row:2;-ms-grid-row:2;grid-column:1;-ms-grid-column:1;height:16px}
#template-inner #id_web_technology_synergy .topic .gap,#template-inner #product-content-spring .spring-overview .gap{grid-row:auto;grid-column:auto}
#template-inner #product-banner #buttons-two{width:365px}
#template-inner #product-banner #splash{padding-top:96px;width:63%}
#template-inner #product-content .inner_block,#template-inner #product-content .inner_block_2{grid-template-columns:1fr}
#template-inner #product-content .text{grid-row-start:1}
#template-inner #product-content .image-right{grid-row:3;grid-column:1}
#template-inner #product-content .content-zkpvtable #feature-outline{position:inherit;right:auto;top:auto}
#template-inner #product-content .content-zkpvtable #nofix1{width:100%}
#template-inner #spring-framework{max-width:704px;margin:0 auto 48px}
#template-inner .inner_block .image{max-width:480px;margin:0 auto;display:block}
}
@media screen and (min-width:1024px) and (max-width:1295px){#content,.responsive_block_demo,#product-content .content,.content-top #splash{max-width:928px;margin:auto}
#template-inner #menu-list div{width:132px}
#template-inner #spring-framework{max-width:770px;margin:0 auto 48px}
}
@media screen and (min-width:1296px){#content,.responsive_block_demo,#product-content .content,.content-top #splash{max-width:1200px;margin:auto}
#template-inner #menu-list div{width:170px;height:70px}
#template-inner #spring-framework{max-width:997px;margin:0 auto 48px}
}