/*+++++++++++++++++++++++ClearCSS++++++++++++++++++++++++++++++++++*/

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}

.vc_col-sm-3 {
   width:25%;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.wpb_text_column ul {
    margin-left: 0px; 
    padding-left: 0px;
}

.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {
  
}

/*+++++++++++++++++++++++Global Element++++++++++++++++++++++++++++++++++*/
body {
    background-color: #fafafa;
    font-family: 'Open Sans', sans-serif;
    color: #1d1d1d;
    font-size:16px;
}

.inner {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 25px;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

img {
    display: block;
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}


a{
    color:#1d1d1d;
}

/*+++++++++++++++++++++++Topbanner++++++++++++++++++++++++++++++++++*/

.xeon-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 457px;
    margin-bottom: 0px;
    padding-top: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #f4f4f4;
    background-image: url(/wp-content/uploads/2022/06/banner-xeon-2022.gif);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.intro-content {
    width: 70%;
    max-width: 1140px;
    margin-bottom: 20px;
    text-align: center;
}

.banner-h5 {
  margin-bottom: 10px;
  color: #ee7a02;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  
}

.banner-h3 {
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: 'Open Sans', sans-serif;
  font-size: 45px;
  font-weight: 300;
  line-height: 35px;
}

.banner-h2 {
  line-height: 21px;
}

.animate-intel {
    /*position: absolute;
    top: auto;
    bottom: 1px;
    display: block;
    margin-left: 29px;*/
    position: absolute;
    top: auto;
    bottom: 2px;
    display: block;
    margin-left: 30px;
}

/*+++++++++++++++++++++++Tag Solgan++++++++++++++++++++++++++++++++++*/

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.xeon-section-tag {
  padding-bottom: 40px;
}

.xeon-tagrow-row {
    position: relative;
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
}

.xeon-tagrow {
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  justify-items: start;
  grid-auto-flow: column;
  grid-auto-columns: minmax(100px, 1.75fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: "text text";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  border-color: #e0e0e0 #e0e0e0 #e0e0e0 #ff6419;
  font-size: 20px;
  font-weight: 600;
}

#w-node-_72338ccd-8da0-d2e1-46ac-9287f74c15ba-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_449fa9f9-a90b-b9ef-1e4f-129e05ee17ce-39784f9d {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

.left-col-plan {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.text-span {
    color: #ff6419;
}

#w-node-_233425cf-a49e-57a7-b77a-631446ad449c-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

.right-col-plan {
    /*padding: 10px 60px 10px 20.9px;
    background-color: #ff6419;
    color: #ffffff!important;
    text-decoration: none;*/
    padding: 10px 60px 10px 25px;
    background-color: #ff6419;
    background-image: url(/wp-content/uploads/2022/06/arrow-right.png);
    background-position: 0% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #ffffff!important;
    text-decoration: none;
    transition: all .5s ease-out;
}

.right-col-plan:hover {
    background-color: #0360aa;
    color: #ffffff!important;
    transition: all .5s ease-out;
}

#w-node-_487d5fae-8bc2-d8e3-a285-2dc5afd8d100-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

.a-link-hand {
    position: absolute;
    left: auto;
    top: -3px;
    right: -2%;
    bottom: 0%;
    width: 70px;
    height: 70px;
    margin-top: 0px;
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-pointer-00.png);
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}


/*+++++++++++++++++++++++menu achor++++++++++++++++++++++++++++++++++*/
.xeon-section-menu {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
}

.grid-2 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    justify-items: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-right: 1px none #000;
    border-left: 0px none #000;
    outline-color: #1d1d1d;
    outline-offset: 0px;
    outline-style: none;
    outline-width: 3px;
    text-align: center;
}

.a-link-menu.first {
    border: 1px none #000;
}
.a-link-menu {
    padding-right: 0px;
    padding-left: 0px;
    border-right: 1px none #d4d4d4;
    border-left: 1px solid #909090;
    line-height: 14px;
    font-weight: 600;
    text-decoration: none;
    color:#1d1d1d!important;
    transition: all .5s ease-out;
}

.a-link-menu:hover {
    color: #ff6419!important;
    transition: all .5s ease-out;
}

#w-node-_61e989f6-c90d-3a06-91ce-ad5b3df6dfc3-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-align: auto;
    justify-self: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

#w-node-f8ee9cc9-e2c0-a7eb-20f6-60fb17627d6f-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_557e91c4-9412-347e-6cf9-492a16daff57-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

/*+++++++++++++++++++++++product detail++++++++++++++++++++++++++++++++++*/

.xeon-section-productdetail {
  
    padding: 20px!important;
    /*background-image: url(https://uploads-ssl.webflow.com/6260db7…/62a1b9e…_img-productdetail-bg.jpg);
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;*/
}


.grid-product-detail {
    max-width: 1280px;
    min-height: 280px;
    margin-right: auto;
    margin-left: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 0.75fr 1fr 1fr 1fr;
    grid-template-columns: 0.75fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-left: 5px solid #ff6419;
    background-color: #fff;
    margin: 0 auto!important;
    
}


#w-node-aed7d88b-ccf9-6425-039d-fa42aabbe49e-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

.grid-pd-col1 {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
}

.series-stitle {
    margin-top: 15px;
    font-size: 14px;
    line-height: 15px;
}

.series-title {
    color: #ff5e1a;
    font-size: 25px;
    font-weight: 600;
}

.grid-pd-col1.col2 {
    padding-top: 28px;
    padding-right: 8px;
    padding-left: 8px;
}

.xeon-list-content {
    margin-bottom: 30px;
    padding-top: 3px;
    padding-left: 45px;
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-cpu-01.png);
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: no-repeat;
}

.list-tag-name {
    margin-bottom: 5px;
    color: #ff5300;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.list-tag-des {
    font-size: 18px;
    font-weight: 700;
}

.list-li-item {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    line-height: 15px;
    list-style-type: none;
}

.xeon-list-content.icon2 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-speed-02.png);
}

.xeon-list-content.icon3 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-core-03.png);
}

.xeon-list-content.icon4 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-ram-04.png);
}

.xeon-list-content.icon5 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-disk-05.png);
}

.xeon-list-content.icon6 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-hd-06.png);
}

.xeon-list-content.icon7 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-raid-07.png);
}

.xeon-list-content.icon8 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-ip-08.png);
}

.xeon-list-content.iconmodel {
    background-image: url(/wp-content/uploads/2023/12/icon-servemodel-40thin.png);
}

.xeon-list-content.iconbay {
    background-image: url(/wp-content/uploads/2023/12/icon-4bays-40thin.png);
}


#w-node-_596b748e-bdf8-b682-ff44-5d776506b7f3-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}


.btn-config-now {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ff6419;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all .5s ease-out;
}

.btn-config-now:hover {
    background-color: #0360aa;
    color: #fff;
    transition: all .5s ease-out;
}

.btn-config-inner:hover {
    color: #fff;
    transition: all .5s ease-out;
}


.text-get-extra {
    font-size: 20px;
    font-weight: 700;
}

.text-off {
    font-size: 65px;
    line-height: 64px;
    font-weight: 800;
}

.text-span-2 {
    padding-left: 6px;
    font-size: 58px;
    font-weight: 300;
}

.text-promo-code {
    margin-bottom: 6px;
    letter-spacing: 3px;
}

.text-config-now {
    width: 100%;
    padding: 15px 55px 15px 20px;
    border: 3px solid #080808;
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-arrow-11.png);
    background-position: 90% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #080808;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.btn-config-inner:hover {
    color: #fff;
    transition: all .5s ease-out;
}





.btn-config-inner {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    /*align-items: stretch;
    height: 100vh;
    max-height: 300px;*/
    transition: all .5s ease-out;
}






/*++++++++++++++++All Service Plans Include+++++++++++++++++++++++++*/
.title_h1 {
    margin-bottom: 30px;
    color: #052e77;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}

.grid-service-plan {
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 0.75fr;
    grid-template-columns: 1fr 0.75fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

#w-node-_71138cce-d24f-4bf3-6f9a-939ba8c72fdc-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

.list-tick-item {
    margin-bottom: 22px;
    padding-left: 40px;
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-tick-09.png);
    background-position: 0% -8px;
    background-size: auto;
    background-repeat: no-repeat;
    line-height: 20px;
    text-align:left;
}


.list-tick {
    padding-left: 0px;
    list-style-type: none;
}

/*++++++++++++++++Additional+++++++++++++++++++++++++*/

.xeon-section-container.bg-grey {
    background-color: #f2f2f2;
}

.grid-ao-set {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.ao-set {
    width: 100%;
    padding-right: 28px;
    padding-bottom: 28px;
    padding-left: 28px;
    text-align: center;
}

#w-node-_20a60ded-9ffc-fc3e-25c5-725a348de06f-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row-align: center;
    /*align-self: center;*/
    align-self: top;
    -ms-grid-column-align: center;
    justify-self: center;
}


.ao-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ao-title {
    margin-top: 0px;
    font-size: 22px;
}


.ao-orange-line {
    width: 45px;
    height: 4px;
    margin: 12px auto 10px;
    background-color: #f60;
}


/*++++++++++++++++ms+++++++++++++++++++++++++*/

.grid-service-plan.service {
    max-width: 980px;
    -ms-grid-columns: 1.25fr 0.75fr;
    grid-template-columns: 1.25fr 0.75fr;
}

#w-node-_31b5de24-167a-6a53-1d20-fb3c6d9f5127-39784f9d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

.list-tick-item.item-title {
    margin-bottom: 25px;
    margin-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-left: 5px solid #f60;
    background-image: none;
    font-size: 19px;
}

.span-ms-title {
    color: #ff5300;
    font-size: 20px;
    line-height: 25px;
}


.list-tick-item.services2 {
    margin-bottom: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 45px;
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-protect-10.png);
    background-position: 0% -2px;
}

.list-tick-item.services2.service3 {
    padding-top: 0px;
    padding-right: 20px;
    line-height: 27px;
}

 #xeon-ms-link img{
     width:100%;
 }
 
 .btn-ms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 350px;
    margin: 50px auto 0px;
    padding: 15px 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #085bae;
    color: #fff!important;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all .5s ease-out;
}

.btn-ms:hover {
    background-color: #ff6419;
    color: #fff;
     transition: all .5s ease-out;
}


/*=====================Responsive CSS==================*/
@media screen and (max-width: 991px) {
     #w-node-_09ca36a5-fae4-bce6-3492-250869e6e75f-b9784fa1 {
         -ms-grid-column: 1;
         grid-column-start: 1;
         -ms-grid-column-span: 3;
         grid-column-end: 4;
         -ms-grid-row: 3;
         grid-row-start: 3;
         -ms-grid-row-span: 1;
         grid-row-end: 4;
    }
     #w-node-_09ca36a5-fae4-bce6-3492-250869e6e761-b9784fa1 {
         -ms-grid-column: 1;
         grid-column-start: 1;
         -ms-grid-column-span: 3;
         grid-column-end: 4;
         -ms-grid-row: 1;
         grid-row-start: 1;
         -ms-grid-row-span: 1;
         grid-row-end: 2;
    }
     #w-node-_016410b9-f46c-d5d0-c671-ed1d7aa23d8d-86784fa4 {
         -ms-grid-column: 1;
         grid-column-start: 1;
         -ms-grid-row: 2;
         grid-row-start: 2;
         -ms-grid-column-span: 1;
         grid-column-end: 2;
         -ms-grid-row-span: 1;
         grid-row-end: 3;
    }
     #w-node-_016410b9-f46c-d5d0-c671-ed1d7aa23d96-86784fa4 {
         -ms-grid-column: 1;
         grid-column-start: 1;
         -ms-grid-row: 3;
         grid-row-start: 3;
         -ms-grid-column-span: 1;
         grid-column-end: 2;
         -ms-grid-row-span: 1;
         grid-row-end: 4;
    }
     #w-node-_016410b9-f46c-d5d0-c671-ed1d7aa23d9f-86784fa4 {
         -ms-grid-column: 1;
         grid-column-start: 1;
         -ms-grid-row: 4;
         grid-row-start: 4;
         -ms-grid-column-span: 1;
         grid-column-end: 2;
         -ms-grid-row-span: 1;
         grid-row-end: 5;
    }
    
    .list-tag-des {
    font-size: 16px;
    }
}


@media screen and (max-width: 860px) {
     .xeon-section-productdetail {
    padding-top: 28px;
    padding-right: 28px;
    padding-left: 28px;
    background-position: 50% 0%;
    background-size: cover;
    }
    
    .grid-product-detail {
    display: block;
    grid-auto-flow: column;
    border-top: 5px solid #ff6419;
    border-left-style: none;
}
    
    .series-title {
    margin-bottom: 15px;
    }

   .grid-pd-col1.col2 {
    padding-top: 0px;
    padding-right: 25px;
    padding-left: 25px;
    }
    
    .xeon-list-content {
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px none #000;
    background-position: 0% 13px;
     }

    .btn-config-now {
    padding-top: 35px;
    padding-bottom: 45px;
    text-align: left;
     }

    .btn-config-inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
     }
     
   .xeon-list-content.icon8 {
   
    padding-bottom: 30px;
   }

#xeon-productdetail-link a{width:100%;}
}



 @media screen and (max-width: 767px) {
     
   .right-col-plan {
    max-width: 100%;
    padding-right: 25px;
    background-image: url(/wp-content/uploads/2022/06/arrow-down.png);
    background-position: 50% 0%;
}
     
   .intro-content {
    width: 80%;
   }
   
   .banner-h3 {
    font-size: 39px;
    }

   .banner-h2 {
    font-size: 15px;
     }
     
    .xeon-tagrow {
    display: -ms-grid;
    display: grid;
    max-width: 70%;
    justify-items: stretch;
    grid-auto-flow: row;
    grid-auto-columns: minmax(100px, 1.75fr);
    grid-auto-rows: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-left: 1px solid #e0e0e0;
    border-top-width: 5px;
    border-top-color: #ff6419;
    text-align: center;
    }
    
    .a-link-hand {
    left: auto;
    top: 54px;
    right: 15%;
    bottom: 0%;
    }
    
    .xeon-section-menu {
    padding-right: 20px;
    padding-left: 20px;
    }
    
     
    .h1 {
    margin-bottom: 20px;
    }
    
    .grid-service-plan {
    display: block;
    }
    
    .grid-ao-set {
    display: block;
    }

    .grid-service-plan.service.service2 {
    margin-top: 38px;
    }

    .a-link-menu {
    font-size: 14px!important;
    }
    
    .btn-config-now {
    padding-top: 35px;
    padding-bottom: 45px;
    text-align: left;
    }
     
     
     #w-node-_233425cf-a49e-57a7-b77a-631446ad449c-39784f9d {
         -ms-grid-column: span 2;
         grid-column-start: span 2;
         -ms-grid-column-span: 2;
         grid-column-end: span 2;
         -ms-grid-row: span 1;
         grid-row-start: span 1;
         -ms-grid-row-span: 1;
         grid-row-end: span 1;
    }
     #w-node-_09ca36a5-fae4-bce6-3492-250869e6e75b-b9784fa1 {
         -ms-grid-column: 1;
         grid-column-start: 1;
         -ms-grid-column-span: 1;
         grid-column-end: 2;
         -ms-grid-row: 2;
         grid-row-start: 2;
         -ms-grid-row-span: 1;
         grid-row-end: 3;
    }
    
    .btn-config-inner:before{
        visibility:hidden;
    }
	 
	 .left-col-plan {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
	padding-right: 15px;}


	
}
	
@media screen and (max-width: 479px) {
     #w-node-_233425cf-a49e-57a7-b77a-631446ad449c-39784f9d {
         -ms-grid-column: span 2;
         grid-column-start: span 2;
         -ms-grid-column-span: 2;
         grid-column-end: span 2;
         -ms-grid-row: span 1;
         grid-row-start: span 1;
         -ms-grid-row-span: 1;
         grid-row-end: span 1;
    }
    
   /* .xeon-header {
    padding-top: 49px;
    padding-right: 20px;
    padding-left: 20px;
    background-image: url(/wp-content/uploads/2022/06/top-banner-bg-gif4.gif), url(/wp-content/uploads/2022/06/banner-xeon-2022.gif);
    background-position: 50% 100%, 51% 50%;
    background-size: auto, cover;
    background-repeat: no-repeat, repeat;}
}*/
	
	 .xeon-header {
    padding-top: 49px;
    padding-right: 20px;
    padding-left: 20px;
    background-image: url(/wp-content/uploads/2022/06/banner-xeon-2022.gif);
    background-position: 50% 100%, 51% 50%;
    background-size: auto, cover;
    background-repeat: no-repeat, repeat;}

    .animate-intel {
    visibility: hidden;
    }
		 
	.animate-intel {
   
    display: none!important;
}
    
    .btn-ms {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 18px;
}

.left-col-plan {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
	padding-right: 15px;
}	
	
/*+++++++++*/


.intro-content {
    width: 100%;
    max-width: 100%;
}
	
.banner-h5 {
    margin-right: auto;
    margin-left: auto;
    font-size: 15px;
    line-height: 18px;
	margin-bottom: 5px;
}	
	
.banner-h3 {
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: 33px;
}	
	
.banner-h2 {
    margin-top: 5px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
}	
	
.xeon-section-tag {
    padding-bottom: 40px;
}	

.xeon-tagrow-row {
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.xeon-tagrow{
     max-width: 90%;
    padding-right: 0px;
    padding-left: 0px;
}
	
.a-link-menu {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 13px;
}		
	
.xeon-section-menu {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 28px;
}	
	
.xeon-section-productdetail {
    padding-right: 20px;
    padding-left: 20px;
}

.xeon-section-productdetail {
 
    padding: 10px!important;
}	

.inner {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}	
	
.h1 {
    margin-bottom: 20px;
    font-size: 22px;
}	
	
.ao-title {
    font-size: 20px;
}	

ul {
    margin-top: 20px;
    margin-bottom: 10px;
 
}

.ao-set:last-child{
    padding-bottom:0 ;
}

.h1{
    margin-bottom: 10px;
}

.text-config-now{
    margin-top:10px;
}

.btn-config-now {
    padding-top: 35px;
    padding-bottom: 35px;
   
}


/*+++++++++*/    
}


/*++++++++++++++++++++CSS GRADIENT ANIMATOR++++++++++++++++++++++++++++++++++++++++*/
/*.css-selector {
    background: linear-gradient(334deg, #ff6700, #ff8900, #ffb600);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    -o-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}
@keyframes AnimationName {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}*/

.css-selector {
    background: linear-gradient(316deg, #ff4600, #ff7e00, #1942a8, #00a2df);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 15s ease infinite;
    -moz-animation: AnimationName 15s ease infinite;
    -o-animation: AnimationName 15s ease infinite;
    animation: AnimationName 15s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-o-keyframes AnimationName {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes AnimationName {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}


/*++++++++++++++++Animation Keyframe+++++++++++++++++++++++++*/

.btn-config-inner{
    position:relative;
    overflow:hidden;
    transition-duration: 5s;
     -webkit-transition-duration: 5s;
    animation-delay: 5s;
    -webkit-animation-delay:5s;
    -moz-animation-delay:5s;
    -ms-animation-delay:5s;
    -webkit-animation:fade-in 5s;
}


.btn-config-now{
	  background: linear-gradient(316deg, #ff4600, #ff7e00, #1942a8, #00a2df);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 15s ease infinite;
    -moz-animation: AnimationName 15s ease infinite;
    -o-animation: AnimationName 15s ease infinite;
    animation: AnimationName 15s ease infinite;
}

.btn-config-inner:before {
			/*	content: "";
				position: absolute;
				left: -600px;
				top: -500px;
				width: 900px;
				height: 60px;*/
				/*background-color: rgba(255, 255, 255, .1);*/
				/*background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
				-webkit-animation: reflection 3s infinite ease-in-out;
				animation: reflection 3s infinite ease-in-out;*/
		
			}



            @-webkit-keyframes reflection {
				0% {
					left: -600px;
					top: 0;
					height: 60px;
				}
			

				to {
					left: 600px;
					top: 100px
					height: 250px;
				}
			}

			@-moz-keyframes reflection {
				0% {
					left: -600px;
					top: 0;
					height: 60px;
					
				}
				
			  
				to {
					left: 500px;
					top: 600px;
					height: 250px;
				}
			}

			@keyframes reflection {
				0% {
					left: -600px;
					top: 0;
					height: 60px;
				}
				
			

				to {
					left: 500px;
					top: 600px;
					height: 250px;
				}
			}
			
			
/*++++++++++++++++++Updated CSS 2022-06-16+++++++++++++++++++++++++*/	
.btn-config-inner {
 
    width: 100%;
    height: 100%;
    padding-right: 35px;
    padding-left: 35px;
}

.btn-config-now:hover {
    background-color: #438ee3;
    color: #fff;
}

.text-get-extra {
    font-size: 20px;
    line-height: 17px;
    font-weight: 700;
}

.txt-promo-code {
    font-size: 15px;
    font-weight: 400;
}

.txt-startfrom {
    margin-top: 15px;
    margin-bottom: 8px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 800;
}

.text-off {
    color: #000;
    font-size: 45px;
    line-height: 20px;
    font-weight: 800;
}

.txt-month {
    font-size: 13px;
}

.text-promo-code {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 14px;
    letter-spacing: 3px;
    text-decoration: line-through;
}

.text-config-now {
    width: 100%;
    margin-top: 20px;
    padding: 15px 55px 15px 20px;
    border-style: none;
    border-width: 3px;
    border-color: #111;
    background-color: #054ba4;
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-arrow-11-white.png);
    background-position: 90% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.grid-service-plan.service {
    max-width: 900px;
}

.p-center {
    margin-bottom: 20px;
    text-align: center;
}

.p-center.p-remark {
    font-size: 14px;
    line-height: 22px;
}

.btn-ms {
    margin-top: 25px!important;
    margin-bottom: 25px!important;
}


/*++++++++++new added 2022/06/29++++++++++++++++++++++++++*/
.xeon-list-content.iconpg {
    background-image: url(/wp-content/uploads/2022/06/iconpg.png);
}

.xeon-list-content.iconmr {
    background-image: url(/wp-content/uploads/2022/06/iconmr-1.png);
}

.xeon-list-content.icon3 {
    background-image: url(/wp-content/uploads/2022/06/icon-xeon-core-03v2.png);
}

#xeon-productdetail-link{
    padding: 20px!important;
    background-image: url(/wp-content/uploads/2022/06/img-productdetail-bg.jpg)!important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

}

.wpb_wrapper a {
    color: #ff7200;
}

.intro-content{
	z-index:1;
}

/*++++++++++new added 2022/06/30 Out Of Stock++++++++++++++++++++++++++*/
.out_of_stock .text-config-now {
    width: 100%;
    margin-top: 20px;
    padding: 15px 20px 15px 20px;
    border-style: none;
    border-width: 3px;
    border-color: #111;
    background-color: #a3a3a3;
    background-image: none!important;
    background-position: 90% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}


#server_detail .out_of_stock {
    /* font-size: 16px; */
    /* background-color: #888; */
   padding:0;
    /* color: #fff; */
    /* display: inline-block; */
    margin-bottom: 0px; 
	cursor: default;
	pointer-events: none;
	width:100%;
}

@media screen and (max-width: 860px){
	#server_detail .out_of_stock {
     padding:30px 10px;
	
}
}


/*++++Updated 24/10/2022++++*/
.text-off {
   font-size: 41px;
}

/*++++Updated 31/10/2022++++*/
.btn-ms {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
  display: flex !important;
  width: fit-content;
}