/****************** RESPONSIVE *****************/
@media only screen and (max-width : 1600px) {
	.DAT-intro .rightCol img,
	.DIR-intro .leftCol img,
	.REP-intro .rightCol img                 { width: 100%; height: auto; }
}

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

	.other-matdat-services .service { width: 100%; border-bottom: solid 1px #fff; border-right: none; height: auto;}
	.other-matdat-services .service .buttons { display: block; clear: both; overflow: hidden; position: static; padding: 20px 0;}

	.officeHours .container ul li            { display: block; width: 100%; text-align: center; border-right: none!important;}

	.sectionTitle.alignLeft                  { padding-left: 2%;}

	.product-box .col-box h2 strong          { font-size: 36px}
	.product-box .col-box h2                 { font-size: 18px; line-height: 22px;}
	.product-box .col-box h2:before          { width: 55px; height: 55px; font-size: 42px; line-height: 55px;}
}

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

	.DAT-intro ul li,
	.DIR-intro ul li,
	.REP-intro ul li                         { margin-bottom: 10px; height: auto; min-height: 41px;}
	.DIR-intro ul li                         { margin-bottom: 15px;}
	.DAT-intro ul,
	.DIR-intro ul,
	.REP-intro ul                            { margin-bottom: 30px; margin-right: 0;}

	.DAT-intro h2,
	.DIR-intro h2,
	.REP-intro h2                            { font-size: 24px; line-height: 30px; margin-bottom: 15px;}
	.DAT-intro h2:before,
	.DIR-intro h2:before,
	.REP-intro h2:before                     { font-size: 40px; line-height: 60px; width: 60px; height: 60px;}
	.DAT-intro h2 strong,
	.DIR-intro h2 strong,
	.REP-intro h2 strong                     { font-size: 40px; line-height: 50px;}

	.statItem                                { width: 100%; float: none; clear: both; margin-bottom: 10px; margin-right: 0;}
	.statItem img                            { text-align: center; margin: 0 auto;}
	.statItem ul li                          { display: inline-block; float: none; width: auto; padding: 0 20px;}

	.footer .holder                          { display: block; overflow: hidden; clear: both; margin-bottom: 30px;}
	.footer .box                             { width: 50%;}

	.supportBox .box                         { width: 46%; margin-bottom: 25px;}

	.contactInfo .box                        { height: 420px; font: 18px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; }
	.contactInfo .box .small-ghost-button    { padding-left: 0; padding-right: 0;}

	.singleCustomer .rightCol ul li div img  { display: none; }
	.singleCustomer .rightCol ul li div      { padding: 0 10px 10px 10px;}

	.howMatdat .leftCol                      { padding-left: 0;}
	.howMatdat .rightCol                     { padding-right: 0;}

	.getListed .leftCol                      { padding-left: 0;}
	.getListed .rightCol                     { padding-right: 0;}

	.benefitBox .item                        { width: 48%; margin: 10px 1%;}

	.heroBox .clearBox .form.customWith      { width: 100%;}

	.banner.whoBanner, .banner.campusBanner  { padding: 80px 4%;}

	.other-matdat-services.two-in-row .service { width: 100%; height: auto;}

	.whyBox .box li                          { font-size: 16px; line-height: 20px;}
	.whyBox .box h2                          { font-size: 18px;}

	.designationList .wrappBox               { padding: 0;}

	.pricePlan                               { margin: 0; width: 100%;}
	.pricePlan .plan .description p          { font-size: 14px; line-height: 20px;}
	.pricePlan .plan .title                  { font-size: 30px; }
	.pricePlan .plan .price                  { font-size: 35px; line-height: 40px;}

	.register-box-table                      { top: 460px;}

	.countryGroup .wrapperBox                { width: 100%;}

	.comparsionTable.CAMPUS thead th span    { font-size: 14px;}
	.comparsionTable.CAMPUS tbody th span    { display: none;}
	.comparsionTable.CAMPUS tbody th .floatedBox { width: 95%;}
	.scrollTo.xs-small a i                   { display: none;}
	.comparsionTable.CAMPUS tbody th p strong i { display: inline-block; margin-right: 5px; font-style: normal;}

	.accordionBox.CAMPUS .accordion .leftCol { width: 100%; float: none; clear: both; margin-bottom: 30px; padding-left: 0;}
	.accordionBox.CAMPUS .accordion .rightCol { width: 100%; float: none; clear: both;}
	.accordionBox.CAMPUS .accordion .rightCol p { text-align: center;}
	.accordionBox.CAMPUS .accordion .rightCol .imgBox img { width: 100%;}


	.product-box .col-box h2:before          { width: 35px; height: 35px; font-size: 26px; line-height: 35px;}
	.product-box .col-box h2 strong          { line-height: 35px; font-size: 30px;}

	.inner-popup-box .holderBox .leftCol     { padding-left: 20px;}
	.inner-popup-box .holderBox .rightCol     { padding-left: 20px;}


}

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

	.servicesBox                             { margin-top: 10px;}
	.interactiveMap .leftCol li              { font-size: 20px;}
	.wizard                                  { width: 70%;}

	.signUpBox .leftCol .form .paypalBox li:first-child { float: none; padding-top: 0px; padding-bottom: 10px; width: 100%; display: block; text-align: center;}
	.signUpBox .leftCol .form .paypalBox li:last-child { width: 80%;}
	.signUpBox .leftCol .form .paypalBox li { width: 20%; text-align: left;}

	.tabs .tabs-nav                          { display: none!important; }
	.tabs .tabs-accordion-title              { display: block!important;}
	.tabs .tabs-panel.tabs-state-active      { padding: 20px 4%;}

	.tabs .verticalTab .tabs-panel           { float: none; width: 100%; max-width: 100%; text-align: center;}
	.tabs .verticalTab .tabs-panel.tabs-state-active { padding: 20px 0;}
	.tabs .verticalTab .tabs-panel .imgBox   { width: 100%; max-width:620px; text-align: center; margin: 0 auto;}
	.tabs .verticalTab .tabs-accordion-title .tabs-anchor { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; color: #333!important; border-bottom: none!important; padding-right: 35px;}
	.tabs .verticalTab .tabs-accordion-title .tabs-anchor span { display: block; font: 18px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; color: #333!important;}


	.tabs.DIR-heroPanel .tabs-accordion-title { display: block; }
	.tabs.DIR-heroPanel .tabs .tabs-panel.tabs-state-active .col_3 { width: 98%; }
	.tabs.DIR-heroPanel .tabs-accordion-title .tabs-anchor { color: #fff; background-color: #742689; padding-left: 25px;}
	.tabs.DIR-heroPanel .tabs-accordion-title .tabs-anchor:after { top: 18px;}
	.tabs.DIR-heroPanel .tabs-accordion-title img { display: none;}


	.customerTestimonials .sectionTitle      { margin-bottom: 40px;}
	.customerTestimonials .tabs .tabs-accordion-title .tabs-anchor img { display: none;}


	.howMatdat .leftCol                      { width: 100%; float: none; padding-right: 0;}
	.howMatdat .rightCol                     { width: 100%; float: none;}
	.howMatdat .leftCol img                  { float: left; margin-right: 10px; margin-left: 0;}
	.howMatdat .leftCol h3                   { text-align: left;}
	.howMatdat .leftCol p                    { text-align: left;}
	.howMatdat .rightCol                     { padding-left: 0;}

	.getListed .leftCol                      { width: 100%; float: none; padding-right: 0;}
	.getListed .rightCol                     { width: 100%; float: none;}
	.getListed .leftCol img                  { float: left; margin-right: 10px; margin-left: 0;}
	.getListed .leftCol h3                   { text-align: left;}
	.getListed .leftCol p                    { text-align: left;}
	.getListed .rightCol                     { padding-left: 0;}

	.connect-provider-box .buttonBox         { padding: 40px 0;}
	.getListed .buttonBox                    { padding: 40px 0;}

	.whyBox .box                             { width: 100%; margin: 0 0 10px 0; padding: 0;}
	.whyBox .box li                          { height: auto; margin-bottom: 3px;}
	.whyBox .box li:after                    { background-image: none;}

	.accordion a.trigger                     { font-size: 18px; line-height: 24px; padding: 15px 35px 15px 0;}
	.accordion a.trigger:after               { right: 0;}

	.bestBox                                 { font-size: 18px;}
	.bestBox ul                              { margin-left: 20px;}
	.bestBox ul li                           { margin-bottom: 5px;}

	.customers-using-matdat .itemBox .text   { font-size: 16px; line-height: 20px;}
	.customers-using-matdat .itemBox .text em { height: 144px;}

	.banner.directoryCustomersBanner .holderBox { width: 90%;}

	.premium-profile .leftCol                { float: none; width: 100%; padding-bottom: 40px;}
	.premium-profile .rightCol               { float: none; width: 100%; padding-top: 30px; }
	.premium-profile .rightCol .profileTyple { margin: 0 auto; width: 150px; left: 0; right: 0; top: -20px;}

	.free-profile .leftCol                   { float: none; width: 100%;}
	.free-profile .rightCol                  { float: none; width: 100%; padding: 20px 25px 20px 25px; }
	.free-profile .rightCol h2               { position: static; display: block; transform: none;}


	.companyProfileBox .rightCol             { width: 100%; float: none; padding-left: 0;}
	.companyProfileBox .leftCol              { width: 100%; float: none;}
	.companyProfileBox .leftCol .company     { display: none; }
	.companyProfileBox .rightCol .company-responsive {display: block;}

	.register-box-table .holderBox           { width: 100%;}
	.register-box-table                      { top: 520px;}
	.register-box-table h2                   { font: 35px/45px 'Prometo-Bold', Helvetica, Arial, sans-serif;}
	.register-box-table .holderBox .leftCol  { width: 100%; float: none; display: block; margin-bottom: 20px;}
	.register-box-table .holderBox .rightCol { width: 100%; float: none; display: block;}

	.pricingGroup .leftCol                   { float: none; width: 100%;}
	.pricingGroup .rightCol                  { float: none; width: 100%; text-align: center;}

	.introIcons.four-icons-row li            { width: 50%; margin-bottom: 20px;}

	.DAT-text-list .textBox .text            { clear: both; text-align: center;}
	.DAT-text-list .textBox.firstRow,
	.DAT-text-list .textBox.secondRow        { text-align: center;}
	.DAT-text-list .textBox.firstRow img,
	.DAT-text-list .textBox.secondRow img    { float: none; width: 90%; max-width: 600px;}
	.DAT-text-list .textBox.firstRow img     { margin-right: 0;}
	.DAT-text-list .textBox.secondRow img     { margin-left: 0;}

	.REP-text-list .textBox .text            { clear: both; text-align: center;}
	.REP-text-list .textBox.firstRow,
	.REP-text-list .textBox.secondRow        { text-align: center;}
	.REP-text-list .textBox.firstRow img,
	.REP-text-list .textBox.secondRow img    { float: none; width: 90%; max-width: 600px;}
	.REP-text-list .textBox.firstRow img     { margin-right: 0;}
	.REP-text-list .textBox.secondRow img     { margin-left: 0;}
	.REP-text-list .textBox.firstRow .floatLeftBox { float: none; margin-right: 0; margin-bottom: 20px;}
	.REP-text-list .textBox.secondRow .floatRightBox { float: none; margin-left: 0; margin-bottom: 20px;}


	.product-box .container                  { flex-wrap: wrap;}
	.product-box .col-box                    { width: 100%;}
	.product-box .col-box .image-box         { text-align: center;}
	.product-box .col-box img                { max-width: 700px; width: 98%; margin: 0 auto;}
	.product-box .col-box .content-box .DAT-button { max-width: 410px; margin: 0 auto;}
	.product-box .col-box h2                 { font: 22px/28px 'Prometo-Regular', Helvetica, Arial, sans-serif;}
	.product-box .col-box h2 strong          { font: 45px/44px 'Prometo-Bold', Helvetica, Arial, sans-serif; }
	.product-box .col-box h2:before          { width: 70px; height: 70px; font: 55px/65px 'Prometo-Bold', Helvetica, Arial, sans-serif; }

}

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

	.servicesBox li                          { width: 100%; float: none; margin-bottom: 10px;}
	.introTitle .container                   { padding: 30px 20px 100px;}
	.introTitle h1                           { font-size: 35px; line-height: 42px;}
	.introTitle h2                           { font-size: 18px; line-height: 26px;}

	.DAT-intro .rightCol                     { width: 100%; clear: both; display: block; text-align: center; padding-bottom: 0;}
	.DAT-intro .leftCol                      { width: 100%; clear: both; display: block; padding: 30px 3% 60px 3%;}
	.DAT-intro .rightCol img                 { width: 70%; height: auto; text-align: center; float: none; }
	.DAT-intro .DAT-button                   { max-width: none;}

	.DIR-intro .rightCol                     { width: 100%; clear: both; display: block; text-align: left; padding: 30px 3% 60px 3%;}
	.DIR-intro .leftCol                      { text-align: center; width: 100%; clear: both; display: block; padding-bottom: 0;}
	.DIR-intro .leftCol img                  { width: 70%; height: auto; text-align: center; float: none; }
	.DIR-intro .button-link                  { text-align: center;}
	.DIR-intro .button-link .DIR-button      { max-width: none; float: none;}
	.DIR-intro .button-link .link            { text-align: center; float: none; margin-left: 0;}

	.REP-intro .rightCol                     { width: 100%; clear: both; display: block; text-align: center;  padding-bottom: 0;}
	.REP-intro .leftCol                      { width: 100%; clear: both; display: block; padding: 30px 3% 60px 3%;}
	.REP-intro .rightCol img                 { width: 70%; height: auto; text-align: center; float: none; }
	.REP-intro .REP-button                   { max-width: none;}

	.interactiveMap .leftCol                 { width: 100%; float: none;}
	.interactiveMap .rightCol                { width: 100%; float: none; text-align: center; padding-bottom: 20px;}
	.interactiveMap .leftCol ul              { margin-bottom: 30px;}
	.interactiveMap .leftCol li              { margin-bottom: 20px;}

	.small-button                            { display: block;}
	.downloadItem .small-button              { width: 80%; margin: 0 auto; }

	.callToActionBanner .leftCol             { width: 100%; float: none; text-align: center;}
	.callToActionBanner .leftCol.verticalAlignOneLine { margin-top: 0;}
	.callToActionBanner .leftCol p           { margin-bottom: 20px;}
	.callToActionBanner .rightCol            { width: 100%; float: none;}

	.campusIntro .small-ghost-button         { width: 100%;}

	.newsBoxIntro,
	.aboutUsBoxIntro,
	.resourcesBox                            { float: none; clear: both; width: 100%;}
	.newsBoxIntro, .resourcesBox             { margin-bottom: 60px;}

	.news                                    { width: 48%;}

	.officeHours .container ul li span       { display: block;}

	.faq                                     { width: 100%;}
	.faq a                                   { font: 18px/26px 'Prometo-Regular', Helvetica, Arial, sans-serif;}

	.contactInfo .box                        { width: 100%; height: auto; text-align: center; border-right: none;}
	.contactInfo .box .small-ghost-button    { max-width: 350px;}

	.wizard                                  { width: 100%;}

	.signUpBox .sectionTitle                 { margin-bottom: 40px;}
	.signUpBox .leftCol                      { float: none; width: 100%;}
	.signUpBox .rightCol                     { float: none; width: 100%;}

	.signUpBox .leftCol .form .paypalBox li { float: left; width: 25%; text-align: right; }
	.signUpBox .leftCol .form .paypalBox li:first-child { float: left; width: 25%; padding-top: 10px; text-align: left;}
	.signUpBox .leftCol .form .paypalBox li:last-child { width: 50%; float: right; padding-left: 10px;}

	.ourTeam .members                        { width: 100%; float: none; text-align: center;}
	.ourTeam .members .imgBox                { width: 100%; float: none; text-align: center; max-width: 100%; padding-bottom: 0;}
	.ourTeam .members.first .imgBox          { width: 100%; float: none; text-align: center; max-width: 100%; padding-bottom: 0;}
	.ourTeam .members .imgBox img            { max-width: 180px;}
	.ourTeam .members .info                  { width: 100%; float: none;}
	.ourTeam .members.first .info            { width: 100%; float: none;}
	.ourTeam .members.first                  { width: 100%; border-top: solid 1px #eeeeee;}
	.ourTeam .members.first,
	.ourTeam .members.second,
	.ourTeam .members.third,
	.ourTeam .members.forth,
	.ourTeam .members.fifth                  { border-right: none;}

	.ourStory .storyBox .item                { width: 50%;}
	.ourStory .storyBox .item.one,
	.ourStory .storyBox .item.three,
	.ourStory .storyBox .item.five,
	.ourStory .storyBox .item.seven,
	.ourStory .storyBox .item.nine,
	.ourStory .storyBox .item.eleven,
	.ourStory .storyBox .item.thirteen,
	.ourStory .storyBox .item.fifteen        { border-bottom: solid 1px #eee; border-right: solid 1px #eee;}
	.ourStory .storyBox .item.two,
	.ourStory .storyBox .item.four,
	.ourStory .storyBox .item.six,
	.ourStory .storyBox .item.eight,
	.ourStory .storyBox .item.ten,
	.ourStory .storyBox .item.twelve,
	.ourStory .storyBox .item.fourteen       { border-bottom: solid 1px #eee; border-right: none; }

	.headerBanner ul li                      { max-width: 100%; width: 29%; float: left;}

	.singleCustomer .leftCol                 { width: 100%; float: none; border-right: none; padding-right: 0; margin-bottom: 40px;}
	.singleCustomer .rightCol                { width: 100%; float: none; padding-left: 0;}

	.exclusiveCustomers .itemBox             { width: 48%;}
	.customerList li                         { width: 46%;}

	.tryService .leftCol                     { width: 100%; float: none; border-right: none; margin-bottom: 10px; text-align: center; padding: 0;}
	.tryService .rightCol                    { width: 100%; float: none; text-align: center; padding: 0;}
	.tryService .buttons .small-ghost-button { display: block; margin: 0 auto 20px; max-width: 80%; }


	.servicesBox li.responsive-hide          { display: none; margin-bottom: 0; }
	.servicesBox li.selected                 { margin-bottom: 0; border: solid 1px #fff; }
	.servicesBox li.selected a.DAT           { height: 110px; margin-top: 0px; padding-top: 29px; background: #004ea8 url(../images/DATicon.png) no-repeat 10px 25px;}
	.servicesBox li.selected a.DAT:hover     { opacity: 1;}
	.servicesBox li.selected a.DIR           { height: 110px; margin-top: 0px; padding-top: 29px; background: #84329b url(../images/DIRicon.png) no-repeat 10px 29px;}
	.servicesBox li.selected a.DIR:hover     { opacity: 1;}
	.servicesBox li.selected a.REP           { height: 110px; margin-top: 0px; padding-top: 29px; background: #00af66 url(../images/REPicon.png) no-repeat 10px 25px;}
	.servicesBox li.selected a.REP:hover     { opacity: 1;}

	.heroPanel.REP .subNav                   { text-align: center;}

	.heroBox .leftCol                        { width: 100%; float: none; display: block; border-right: none;}
	.heroBox .leftCol p                      { text-align: center;}

	.heroBox .rightCol                       { width: 100%; float: none; display: block;}
	.heroBox .rightCol p                     { text-align: center;}
	.heroBox .col:first-child                { margin-bottom: 0;}
	.heroBox .col p                          { margin-bottom: 10px;}

	.testimonialBox .testimonial             { margin: 50px 0 0px;}
	.testimonialBox .sourceInfo              { margin: -3px 0 0 0; padding: 30px 5% 0 5%; width: 100%;}
	.testimonialBox .testimonial p           { font-size: 24px; line-height: 34px;}

	.infographic .leftCol                    { display: block; float: none; width: 100%; border-right: none;}
	.infographic .rightCol                   { display: block; float: none; width: 100%;}

	.DAT-heroPanel .form .col_4              { width: 98%; }

	.customerTestimonials .tabs .tabs-panel .leftCol { width: 100%; border-right: none; text-align: center;}
	.customerTestimonials .tabs .tabs-panel .rightCol { width: 100%; padding-left: 0; }

	.singleTestimonial .leftCol              { width: 100%; border-right: none; text-align: center; margin-bottom: 10px; padding-bottom: 10px;}
	.singleTestimonial .rightCol             { width: 100%; padding-left: 0; }

	.customers-using-matdat .buttonBox .small-button { width: 80%; margin: 0 auto;}
	.customers-using-matdat .col_4           { width: 98%;}
	.customers-using-matdat .itemBox .text em { height: auto;}
	.customers-using-matdat .itemBox .text   { height: auto;}

	.iconBox .col_3                          { width: 48%;}

	.pricePlan                               { height: auto!important;}
	.pricePlan .plan                         { float: none; position: relative; width: 100%; margin: 0 0 20px 0!important; height: auto!important;}
	.pricePlan .plan .description            { height: auto;}
	.pricePlan .plan .description p          { font-size: 16px; line-height: 26px;}
	.pricePlan .plan .title                  { font-size: 40px; }
	.pricePlan .plan .price                  { font-size: 50px; line-height: 60px;}
	.pricePlan .plan.default                 { padding-top: 20px;}

	.introIcons.lightDATc li                 { width: 100%; text-align: center; border-bottom: solid 1px #b5cbe5; padding: 20px;}
	.introIcons.lightDATc li img             { float: none; margin: 0 auto 10px auto;}
	.introIcons.lightDATc li:last-child      { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}


	.comparsionTable thead tr                { display: flex; flex-flow: row wrap; justify-content: space-around;}
	.comparsionTable td,
	.comparsionTable th                      { display: block; width: 33.33%; padding: 10px 8px; }
	.comparsionTable th:first-child,
	.comparsionTable td:first-child          { text-align: center; background: #efefef; width: 100%; }
	.comparsionTable tbody th:nth-of-type(2),
	.comparsionTable tbody th:nth-of-type(3),
	.comparsionTable tbody th:nth-of-type(4) { display: none;}
	.comparsionTable thead th.noBrd          { display: none;}
	.comparsionTable thead th                { width: 33.33%; font-size: 20px; line-height: 40px;}
	.comparsionTable thead th a.btn          { width: 100%; padding: 6px 0; font: 14px/26px 'Prometo-Light', Helvetica, Arial, sans-serif}
	.comparsionTable tbody td                { float: left;}

	.comparsionTable.CAMPUS thead th         { width: 50%;}
	.comparsionTable.CAMPUS tfoot td         { width: 50%; float: left; border: solid 1px #d3e6fa;}
	.comparsionTable.CAMPUS td { width: 50%;}
	.comparsionTable.CAMPUS thead th:first-child,
	.comparsionTable.CAMPUS tfoot td:first-child { display: none;}

	.banner.directoryCustomersBanner .holderBox { width: 100%;}
	.banner.directoryCustomersBanner .leftCol {padding-left: 0;}

	.profile-box .optionBox .col_4           { width: 98%;}
	.profile-box .optionBox .col_8           { width: 98%;}

	.pagination.pagination-left              { text-align: center;}
	.profile-box .optionBox .col_4           { text-align: center; padding-top: 0;}
	.profile-box .optionBox .col_4 p .nice-select.small { float: none; margin: 10px auto 0;}

	.box .buttonBox a                        { margin: 0 1% 10px 1%; max-width: 98%; width: 98%;}

	.box .inner .gallery li                  { max-width: 100%; width: 48%; margin: 10px 1% 10px 1%; text-align: center; }
	.box .inner .gallery li a                { margin: 0 auto 10px;}
	.box .inner .gallery li em               { margin: 0 auto;}

	.sectionBox li strong i                  { display: none;}


	.rwd-table                               { width: 98%; margin: 20px auto;}
	.rwd-table th                            { display: none; }
	.rwd-table td                            { display: block; min-height: 64px; }
	.rwd-table tbody td.alignLeft            { text-align: center!important; }


	.rwd-table td:before                     { content: attr(data-th) ": "; width: 50%; display: inline-block; float: left; text-align: left;}
	.rwd-table caption a                     { max-width: 100%; margin-bottom: 10px; margin-left: 0;}
	.rwd-table tr:first-child                { border-top: solid 1px #d3e6fa;}

	.register-box-table                      { top: 1570px;}

	.buttonPoz                               { width: 98%; margin: 0 auto;}

	.buttonPoz a                             { max-width: 100%; margin-bottom: 10px; margin-left: 0;}


	.campusWrapp                             { width: 100%;}

	.comparsionTable.CAMPUS tbody th         { overflow: hidden;}
	.comparsionTable.CAMPUS tbody th.alignLeft { text-align: center!important;}
	.comparsionTable.CAMPUS tbody th .floatedBox .scrollTo.xs-small { text-align: center;}

	.accordionBox.CAMPUS .comparsionTable thead th { width: 50%;}
	.accordionBox.CAMPUS .comparsionTable td { width: 50%;}
	.accordionBox.CAMPUS .comparsionTable th:first-child,
	.accordionBox.CAMPUS .comparsionTable td:first-child { width: 100%;}

	.submissionForm .col_6                   { float: none; width: 98%; clear: both; margin-bottom: 40px; display: block;}
	.submissionForm .form p .textarea        { max-width: 100%; min-width: 100%; width: 100%;}
	.submissionForm .form p i                { margin-right: 0;}

	.supportBox .item3 .box                  { width: 98%!important;}

	.request-box .request .leftCol           { display: block; float: none; width: 100%; padding-bottom: 20px;}
	.request-box .request .rightCol          { width: 100%; float: none; display: block;}
	.request-box .request .rightCol h2       { font-size: 22px; line-height: 30px;}


	.customer .tryService.DIR .leftCol { border-right: none;}

	.nice-select.open .list                  { max-height: 210px;}
	.rwd-table caption a.small-ghost-rectangle-button.DAT { max-width: 100%;}
	.buttonPoz a.small-ghost-rectangle-button.DAT { max-width: 100%;}

	.rwd-table caption a.small-ghost-rectangle-button-white.DAT { max-width: 100%;}
	.buttonPoz a.small-ghost-rectangle-button-white.DAT { max-width: 100%;}

	.inner-popup-box .holderBox { flex-direction: column; margin: 0 auto 50px;}
	.inner-popup-box .holderBox h3 { text-align: center;}
	.inner-popup-box .holderBox li { display: inline;}
	.inner-popup-box .holderBox .leftCol  { padding-left: 0;}
	.inner-popup-box .holderBox .leftCol p { justify-content: center;}
	.inner-popup-box .holderBox .rightCol { padding-left: 0;}
	.inner-popup-box .holderBox .rightCol p { justify-content: center;}
	.inner-popup-box .holderBox .small-ghost-button.lGreenC { max-width: 380px;}
	.inner-popup-box .holderBox .leftCol { width: 100%; border-right: none; border-bottom: solid 1px #eee; margin-bottom: 20px; padding-bottom: 20px; text-align: center;}
	.inner-popup-box .holderBox .rightCol { width: 100%; text-align: center;}

	.rwd-table .noBrd span { width: auto;}

		}

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

	.textBox.firstRow                        { text-align:center; }
	.textBox.firstRow img                    { float:none; margin-right: 0;}
	.textBox.secondRow                       { text-align:center; }
	.textBox.secondRow img                   { float:none; margin-left: 0;}
	.textBox.thirdRow                        { text-align:center; }
	.textBox.thirdRow img                    { float:none; margin-right: 0;}
	.textBox.forthRow                        { text-align:center; }
	.textBox.forthRow img                    { float:none; margin-left: 0;}

	.connect-provider-box .buttonBox         { padding: 0;}
	.connect-provider-box .buttonBox .col_6  { width: 98%;}
	.getListed .buttonBox .col_6             { width: 98%;}

	.getListed .buttonBox                    { padding: 0;}

	.countryGroup .wrapperBox .col_3 strong { font-size: 18px;}

	.request-box .request .rightCol         { padding: 10px 15px 0 15px;}
	.request-box .request .rightCol .clearBox .col_6 p { font-size: 16px; padding: 10px;}


}

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

	.sectionTitle,
	.pageTitle h1,
	.existingUsersBox h3                     { font-size: 35px; line-height: 45px;}
	.sectionSubTitle                         { font-size: 18px; line-height: 24px;  padding: 0;}
	.singleCustomer .leftCol h3              { font-size: 20px; line-height: 26px; }


	.pageTitle                               { min-height: auto; padding: 20px;}

	.interactiveMap                          { padding: 180px 3% 70px 5%;}
	.interactiveMap .sectionTitle            { margin-bottom: 30px;}

	.callToActionBanner h2                   { font-size: 35px; line-height: 45px;}
	.callToActionBanner p                    { font-size: 18px; line-height: 26px;}

	.campusIntro h3                          { font-size: 22px; line-height: 26px; }

	.footer .box                             { width: 100%;}
	.footer .box.links li                    { display: inline-block; margin-right: 15px; margin-bottom: 15px;}
	.news                                    { width: 100%; max-width: 100%;}

	.content .image                          { width: 90%; height: auto; margin: 0 auto 20px auto; }

	.officeHours .container ul li            {  font-size: 25px; line-height: 35px; padding: 15px 30px;}
	.officeHours .container ul li span       { font-size: 18px; line-height: 28px;}

	.contactInfo .box h3                     { font-size: 25px; line-height: 35px;}

	.questionForm p                          { margin-bottom: 10px;}
	.questionForm .form p.inlineFields .inputForm { width: 100%; margin-top: 20px;}
	.questionForm .form p .textarea          { width: 100%; max-width: 100%; min-width: 100%;}
	.questionForm .form p span               { display: block; padding: 15px; text-align: center;}
	.questionForm .form p .small-ghost-button.blackC { display: block; margin: 0 auto; max-width: 100%;}

	.headerBanner ul li                      { font-size: 30px; line-height: 40px; }
	.headerBanner ul li span                 { font: 16px/20px 'Prometo-Light', Helvetica, Arial, sans-serif;}

	.introIcons li                           { font: 18px/20px 'Prometo-Light', Helvetica, Arial, sans-serif;}

	.exclusiveCustomers .companyInfo h3      { font-size: 18px; line-height: 22px;}

	.exclusiveCustomers                      { margin-left: 0;}
	.exclusiveCustomers .itemBox             { width: 100%; margin-left: 0;}

	.customerList li                         { font-size: 18px; }

	.heroBox .clearBox h2.subTitle           { font-size: 24px; line-height: 28px;}
	.heroBox .form.customWith .col_6         { width: 100%; float: none; display: block;}
	.heroBox .sectionTitle                   { margin-bottom: 20px;}
	.heroBox .col p                          { font-size: 18px; line-height: 22px;}

	.banner.whoBanner                        { min-height: auto;}
	.banner.whoBanner li                     { font-size: 24px; line-height: 32px;}

	.banner.campusBanner                     { min-height: auto;}
	.banner.campusBanner li                  { font-size: 24px; line-height: 32px;}

	.content .title                          { font-size: 24px; line-height: 30px;}

	.stepBox                                 { width: 100%; margin-bottom: 40px;}
	.stepBox .wizBox                         { height: 75px;}
	.stepBox .wizBox img                     { display: none;}
	.stepBox.pushTop                         { margin-top: 0;}


	.featured-labs-institutes                { padding: 60px 2% 0 2%;}
	.labs-institutes-slider                  { padding: 5px;}

	.labs-institutes-slider .slides > li     { padding: 10px 10px 110px 10px;}
	.labs-institutes-slider .slides > li .imgBox  { float: none; margin: 0 auto 20px auto;}
	.labs-institutes-slider .slides > li .clearBox .col_8 { width: 98%; margin-bottom: 0; text-align: center;}
	.labs-institutes-slider .slides > li .clearBox .col_8 li { float: none; display: inline-block; margin-bottom: 5px;}
	.labs-institutes-slider .slides > li .clearBox .col_4 { width: 98%;}


	.designationList .wrappBox .col_3        { width: 48%; float: left; height: 180px;}
	.designationList hr                      { margin-bottom: 20px;}


	.bestBox                                 { padding-top: 40px; }
	.bestBox .col_4                          { width: 100%; margin-top: 0; margin-bottom: 20px;}
	.bestBox img                             { display: none;}
	.bestBox li.imageList img                { display: block;}
	.bestBox .clearBox img                   { display: block;}
	.bestBox h3                              { text-align: left;}
	.bestBox ul                              { margin-left: 0;}

	.overflowTable                           { display: block; overflow: hidden; clear: both; border: solid 1px #eee;}
	.overflowTable .table                    { display: block; overflow-x: auto; clear: both; margin: 5px; width: auto;}

	.respTable thead                         { display: none; }
	.respTable tbody td                      { display: block; padding: .6rem; }
	.respTable tbody tr td:first-child       { background: #ecf5fe; color: #333; }
	.respTable tbody td:before               { content: attr(data-th); display: block; width: 6rem; float: left; padding-right: 10px;}

	.respTable.DAT tbody td:before           { content: attr(data-th); display: block; width: 100%; margin-bottom: 5px; padding-right: 0; font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;}

	.toggle-radio-period                     { width: 100%; height: auto; -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; border-radius: 2px!important;}
	.toggle-radio-period label               { width: 98%; display: block; clear: both; float: none; margin: 8px 6px; font: 14px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;}
	.toggle-radio-period .toggle_option_slider { width: 98%; -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; border-radius: 2px!important;}
	.toggle-radio-period #one-year:checked ~ .toggle_option_slider{ top: 3px;}
	.toggle-radio-period #two-years:checked ~ .toggle_option_slider{ top: 38px; left: 3px;}
	.toggle-radio-period #three-years:checked ~ .toggle_option_slider{ top: 76px; left: 3px;}

	.toggle-radio-license                     { width: 100%; height: auto; -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; border-radius: 2px!important;}
	.toggle-radio-license label               { width: 98%; display: block; clear: both; float: none; margin: 8px 6px; font: 14px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;}
	.toggle-radio-license .toggle_option_slider { width: 98%; -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; border-radius: 2px!important;}
	.toggle-radio-license #individual-license:checked ~ .toggle_option_slider{ top: 3px;}
	.toggle-radio-license #company-wide-license:checked ~ .toggle_option_slider{ top: 38px; left: 3px;}

	.toggle-radio-profile                     { width: 100%; height: auto; -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; border-radius: 2px!important;}
	.toggle-radio-profile label               { width: 98%; display: block; clear: both; float: none; margin: 8px 6px; font: 14px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;}
	.toggle-radio-profile .toggle_option_slider { width: 98%; -webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; border-radius: 2px!important;}
	.toggle-radio-profile #single-profile:checked ~ .toggle_option_slider{ top: 3px;}
	.toggle-radio-profile #multiple-profiles:checked ~ .toggle_option_slider{ top: 38px; left: 3px;}

	.scrollTo a                              { font-size: 22px;}

	.twoFoldBlock .box .leftCol              { width: 100%; float: none; padding-right: 0; padding-bottom: 30px; border-bottom: solid 1px #cfcfcf; border-right: none;}
	.twoFoldBlock .box .rightCol             { width: 100%; float: none; padding-left: 0;}
	.twoFoldBlock .box .clearBox li          { width: 33.33%; margin-bottom: 20px;}

	.banner.directoryCustomersBanner .leftCol { float: none; width: 100%; overflow: hidden; text-align: center; margin-bottom: 10px;}
	.banner.directoryCustomersBanner .rightCol { float: none; width: 100%; overflow: hidden; text-align: center;}

	.premium-profile .rightCol               { font-size: 16px; padding: 30px 10px 0 10px;}
	.premium-profile .rightCol h2            { font-size: 24px;}
	.premium-profile .rightCol h3            { font-size: 16px;}
	.premium-profile .rightCol ul li         { margin-bottom: 5px;}
	.premium-profile .rightCol .clearBox .col_4,
	.premium-profile .rightCol .clearBox .col_8 { width: 98%; text-align: center;}
	.premium-profile .rightCol .clearBox li  { display: inline-block; float: none; text-align: center; padding: 6px 15px; font-size: 14px;}

	.free-profile .rightCol                  { font-size: 16px; padding: 20px 10px 10px 10px;}
	.free-profile .rightCol h2               { font-size: 24px;}

	.company-responsive .adressBox           { float: none; width: 100%; margin-bottom: 20px;}
	.company-responsive .otherInfo           { float: none; width: 100%; margin-bottom: 20px;}
	.company-responsive .languageBox         { float: none; width: 100%; margin-bottom: 20px;}
	.company-responsive .social              { float: none; width: 100%; padding-top: 0;}

	.certificate li                          { width: 100%; margin: 0 0 2% 0 ;}

	.campusWrapp                             { border-top:none;}
	.campusStepBox                           { width: 100%; margin-bottom: 20px;}
	.campusStepBox .wizBox:after             { display: none;}
	.campusStepBox .wizBox                   { height: 63px;}
	.campusStepBox.pushTop .wizBox           { height: 63px;}

	.countryGroup .wrapperBox .col_3         { display: block; clear: both; width: 98%; text-align: center; line-height: 30px; }
	.countryGroup .wrapperBox .col_3 strong  { text-align: center; line-height: 30px;}
	.countryGroup .wrapperBox .col_6         { display: block; clear: both; width: 98%; text-align: center; }

	.comparsionTable.CAMPUS thead th         { font-size: 20px;}
	.comparsionTable.CAMPUS tbody th .floatedBox p strong { font-size: 20px;}
	.comparsionTable.CAMPUS tbody td         { font-size: 14px;}
	.comparsionTable.CAMPUS tfoot td p strong { font-size: 30px; line-height: 40px;}
	.comparsionTable.CAMPUS tfoot td p       { font-size: 16px;}

	.request-box .request .rightCol .clearBox .col_6 { display: block; float: none; margin-bottom: 5px; width: 99%;}
	.request-box .request .rightCol .clearBox p { float: none;}
	.request-box .request .rightCol .clearBox .col_6 .xs-button { max-width: 100%;}
	.submissionForm .form.centered           { width: 96%;}
}

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

	.introTitle .container                   { padding: 30px 20px 80px;}
	.introTitle h1                           { font-size: 28px; line-height: 34px;}
	.introTitle h2                           { font-size: 18px; line-height: 26px;}
	.DAT-intro .rightCol img,
	.DIR-intro .leftCol img,
	.REP-intro .rightCol img                 { width: 90%; height: auto; }

	.interactiveMap .leftCol li              { font-size: 18px;}
	.interactiveMap .leftCol li span         { margin-right: 10px;}

	.callToActionBanner .rightCol            { padding-right: 3%; padding-left: 3%}
	.callToActionBanner .ghostButton         { font-size: 18px; padding: 20px 10px; }

	.statItem                                { margin-bottom: 10px; height: auto; font: 18px/26px 'Prometo-Regular', Helvetica, Arial, sans-serif;}
	.statItem ul li,
	.statItem.DIR-primary-bg ul li,
	.statItem.REP-primary-bg ul li           { display: block; float: none; clear: both; margin-bottom: 10px; width: 100%; border-right: none; padding: 5px;}
	.statItem.DAT-primary-bg ul li           { border-bottom: solid 1px #4b81bf; }
	.statItem.DIR-primary-bg ul li           { border-bottom: solid 1px #9f4cb6; }
	.statItem.REP-primary-bg ul li           { border-bottom: solid 1px #3ed495; }

	.statItem ul li span                     { display: inline; margin-left: 5px; font: 18px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;}
	.statItem img                            { width: 100%; height: auto;}

	.newsBoxIntro li                         { margin-bottom: 15px;}
	.newsBoxIntro li a                       { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif;}

	.copyright                               { text-align: center;}
	.copyright p                             { display: block; text-align: center; margin-bottom: 20px; float: none;}
	.copyright li                            { display: inline-block; float: none; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;}

	.pagination li                           { display:none;}
	.pagination li:first-child,
	.pagination li:last-child                { display:inline!important;}


	.supportBox                              { padding-top: 10px;}
	.supportBox .box                         { width: 100%; margin: 45px 0 0 0;}

	.wizard .wizard-step .wizard-info        { font-size: 14px; line-height: 20px;}

	.signUpBox .leftCol .form .paypalBox li:first-child { float: none; padding-top: 0px; padding-bottom: 10px; width: 100%; display: block; text-align: center;}
	.signUpBox .leftCol .form .paypalBox li:last-child { width: 80%;}
	.signUpBox .leftCol .form .paypalBox li  { width: 20%; text-align: left;}

	.nice-select.wide, .nice-select .option  { font-size: 16px;}

	.aboutUs .textBox                        { margin-bottom:20px;}
	.aboutUs .textBox .text h2               { font: 24px/34px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-top:0;}
	.aboutUs .textBox .text p                { font: 18px/26px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; }
	.aboutUs .textBox.firstRow img,
	.aboutUs .textBox.secondRow img,
	.aboutUs .textBox.thirdRow img,
	.aboutUs .textBox.forthRow img           { width: 80%; height: auto; max-width: 293px;}
	.aboutUs .textBox.firstRow,
	.aboutUs .textBox.secondRow,
	.aboutUs .textBox.thirdRow               { background-image:none; border-bottom: dashed 1px #c7c7c7; padding-bottom: 0px; }
	.aboutUs .textBox.forthRow               { background-image:none; padding-bottom: 0px; }

	.ourTeam .members .info h2              { font: 25px/35px 'Prometo-Bold', Helvetica, Arial, sans-serif; }
	.ourTeam .members .info h3              { font: 22px/32px 'Prometo-Light', Helvetica, Arial, sans-serif; }

	.ourStory .storyBox .item                { width: 100%;}
	.ourStory .storyBox .item.one,
	.ourStory .storyBox .item.three,
	.ourStory .storyBox .item.five,
	.ourStory .storyBox .item.seven,
	.ourStory .storyBox .item.nine,
	.ourStory .storyBox .item.eleven,
	.ourStory .storyBox .item.thirteen,
	.ourStory .storyBox .item.fifteen        { border-bottom: solid 1px #eee; border-right: none;}
	.ourStory .storyBox .item.two,
	.ourStory .storyBox .item.four,
	.ourStory .storyBox .item.six,
	.ourStory .storyBox .item.eight,
	.ourStory .storyBox .item.ten,
	.ourStory .storyBox .item.twelve,
	.ourStory .storyBox .item.fourteen       { border-bottom: solid 1px #eee; border-right: none; }

	.headerBanner ul li                      { width: 96%; margin-bottom: 3px; border: solid 1px #fff; font: 16px/20px 'Prometo-Bold', Helvetica, Arial, sans-serif; }
	.headerBanner ul li span                 { display: inline-block; margin-left: 5px;}

	.introIcons li                           { display: block; padding-bottom: 20px; float: none; width: 100%; margin-bottom: 20px; border-bottom: solid 1px #e5e5e5;}
	.introIcons li:last-child                { border-bottom: none; margin-bottom: 0;}

	.introIcons.four-icons-row li            { width: 100%; margin-bottom: 20px;}

	.customerList li                         { width: 100%; }

	.howMatdat .col                          { text-align: center;}
	.howMatdat .leftCol img                  { float: none; margin-right: 0; margin-left: 0;}
	.howMatdat .leftCol h3                   { text-align: center;}
	.howMatdat .leftCol p                    { text-align: center;}
	.howMatdat .rightCol img                 { float: none; margin-right: 0; margin-left: 0;}
	.howMatdat .rightCol h3                  { text-align: center;}
	.howMatdat .rightCol p                   { text-align: center;}

	.getListed .col                          { text-align: center;}
	.getListed .leftCol img                  { float: none; margin-right: 0; margin-left: 0;}
	.getListed .leftCol h3                   { text-align: center;}
	.getListed .leftCol p                    { text-align: center;}
	.getListed .rightCol img                 { float: none; margin-right: 0; margin-left: 0;}
	.getListed .rightCol h3                  { text-align: center;}
	.getListed .rightCol p                   { text-align: center;}

	.benefitBox .item                        { width: 100%; margin: 10px 0;}

	.tryService .buttons .small-ghost-button { max-width: 100%;}

	.testimonialBox .testimonial p           { font-size: 20px; line-height: 28px;}

	.infographic .leftCol li                 { font-size: 18px; line-height: 24px; margin-bottom: 0;}
	.infographic .leftCol li span            { margin-right: 10px;}

	.other-matdat-services.two-in-row .service {padding: 40px 20px;}

	.labs-institutes-slider .flex-direction-nav .flex-prev,
	.labs-institutes-slider .flex-direction-nav .flex-next {display: none;}
	.labs-institutes-slider .flex-viewport   { margin: 0;}

	.big-ghost-button                        { font-size: 18px;}
	.big-button                              { font-size: 18px;}

	.downloadBox .downloadItem               { margin-left: 0; margin-right: 0; max-width: 100%;}
	.downloadBox .downloadItem .imgBox img   { max-width: 196px; width: 100%; height: auto; max-height: 250px;}
	.downloadItem .small-button              { width: 96%;}

	.designationList li                      { font-size: 18px;}

	.table thead th                          { font-size: 18px!important; line-height: 24px!important;}
	.table tbody th, .table tbody td         { font-size: 16px!important; line-height: 24px!important;}
	.table caption                           { font-size: 20px!important; line-height: 24px!important;}

	.overflowTable .table th,
	.overflowTable .table td                 { font-size: 13px!important; line-height: 18px!important;}

	.knowledgebaseList h2                    { font-size: 24px; line-height: 36px; margin-bottom: 20px;}

	.iconBox .col_3                          { width: 98%;}


	.comparsionTable thead th                { font-size: 16px!important; line-height: 20px!important;}
	.comparsionTable thead th p              { display: block; line-height: 22px;}
	.comparsionTable thead th a.btn          { color: #333; display: inline; line-height: 18px; background-color: #fff!important; border-bottom: dashed 1px #004ea8; border-radius: 0; padding: 0; width: auto;}
	.comparsionTable tbody td                { float: left;}
	.comparsionTable.DAT thead th a.btn      { border-bottom: dashed 1px #004ea8;}
	.comparsionTable.DIR thead th a.btn      { border-bottom: dashed 1px #84329b;}

	.twoFoldBlock .box .clearBox li          { width: 50%; margin-bottom: 20px;}
	.twoFoldBlock .box .clearBox h2          { font-size: 24px; line-height: 30px;}

	.sectionTitle.alignLeft                  { text-align: center!important; padding-right: 2%;}

	.premium-profile .rightCol h2            { font-size: 20px; line-height: 26px;}
	.free-profile .rightCol h2               { font-size: 20px; line-height: 26px;}

	.box .inner .gallery li                  { max-width: 100%; width: 100%; margin: 10px 0; }
	.box .inner .gallery li a                { max-width: 100%; height: auto; border-bottom: solid 1px #fff;}
	.box .inner .gallery li a img            { position: relative; transform: none; top: 0; left: 0; max-width: 100%; height: auto; max-height: 100%;}

	.box .inner .title                       { font-size: 24px; line-height: 32px;}
	.team h3, .listStyle h3, .activitiesBox h3    { font-size: 24px; line-height: 32px;}

	.register-box-table h2                   { font: 24px/35px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 20px;}

	.product-box .col-box h2 strong          { font-size: 36px}
	.product-box .col-box h2                 { font-size: 18px; line-height: 22px;}
	.product-box .col-box h2:before          { width: 55px; height: 55px; font-size: 42px; line-height: 55px;}

	.product-box .col-box                    { margin-bottom: 40px;}
	.product-box .col-box.REP                { margin-bottom: 0;}

	.rwd-table tr input.checkbox.blue[type="checkbox"] + label span { display: none;}

	.inner-popup-box .holderBox .small-ghost-button.lGreenC { font-size: 16px;}
	.inner-popup-box .clearBox a             { font-size: 16px;}
	.inner-popup-box h2 { font: 24px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif;}
	.inner-popup-box h3 { font: 16px/24px 'Prometo-Light', Helvetica, Arial, sans-serif;}
	.inner-popup-box h3 br { display: none;}


}

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

	.servicesBox li a                        { padding-left: 90px;}
	.servicesBox li a.DAT                    { background: #004ea8 url('../images/DATicon.png') no-repeat 10px 25px;}
	.servicesBox li a.DIR                    { background: #84329b url('../images/DIRicon.png') no-repeat 10px 29px;}
	.servicesBox li a.REP                    { background: #00af66 url('../images/REPicon.png') no-repeat 20px 25px;}

	.DAT-intro h2,
	.DIR-intro h2,
	.REP-intro h2                            { text-align: center;}
	.DAT-intro h2:before,
	.DIR-intro h2:before,
	.REP-intro h2:before                     { font-size: 29px; line-height: 40px; width: 40px; height: 40px;float: none; margin: 0 auto; margin-bottom: 10px;}
	.DAT-intro h2 strong,
	.DIR-intro h2 strong,
	.REP-intro h2 strong                     { line-height: 40px; display: block; text-align: center;}

	.DAT-button, .DIR-button, .REP-button    { font-size: 18px; padding: 15px 20px;}

	.sectionTitle,
	.pageTitle h1,
	.existingUsersBox h3,
	.signUpBox .rightCol h2 { font-size: 25px; line-height: 35px;}

	.interactiveMap .leftCol li              { text-align: center; line-height: 34px;}
	.interactiveMap .leftCol li span         { float: none; text-align: center; display: block; margin-right: 0;}

	.singleCustomer .rightCol .imgBox img { width: 100%; height: auto; max-width: 210px; max-height: 130px;}

	.banner.whoBanner                        { padding: 40px 4%; text-align: left!important;}
	.banner.whoBanner li                     { font-size: 20px; line-height: 28px; }

	.banner.campusBanner                     { padding: 40px 4%; text-align: left!important;}
	.banner.campusBanner li                  { font-size: 20px; line-height: 28px; }

	.toggle-radio-currency                   { width: 278px;}
	.toggle-radio-currency label             { width: 85px; font: 14px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;}
	.toggle-radio-currency .toggle_option_slider { width: 86px;}
	.toggle-radio-currency #usd:checked ~ .toggle_option_slider{ left: 3px;}
	.toggle-radio-currency #eur:checked ~ .toggle_option_slider{ left: 94px;}
	.toggle-radio-currency #gbp:checked ~ .toggle_option_slider{ left: 185px;}

	.pricePlan .plan .description p          { font-size: 14px; line-height: 20px;}
	.pricePlan .plan .title                  { font-size: 30px; }
	.pricePlan .plan .price                  { font-size: 35px; line-height: 40px;}

	.comparsionTable thead th                { font-size: 13px;}

	.register-box-table .holderBox .leftCol,
	.register-box-table .holderBox .rightCol { background-image: none; padding-left: 0; width: 90%; margin: 0 auto 20px;}
	.register-box-table .holderBox .clearBox { padding-top: 20px; }

	.comparsionTable.CAMPUS tfoot td p strong { font-size: 24px; line-height: 34px;}
	.comparsionTable.CAMPUS tfoot td p       { font-size: 14px; }

	.accordionBox.CAMPUS .comparsionTable tbody td strong { font-size: 13px;}
}

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

}



/*RESPONSIVE*/

@media only screen and (min-width: 994px) {

	.cd-nav                                     { height: 82px; float: right; padding-right: 1%;}

	.cd-main-header                             { height: 82px; box-shadow: 0px 1px 2px 0px #dddddd; background-color: #fff;}
	.cd-main-header::after                      { clear: both; content: ""; display: table; }
	.cd-main-header .innerHolder                { max-width: 1200px; margin: 0 auto; position: relative; height: 82px;}


	.cd-logo                                    { top: 12px; left: 1em; z-index:4; }
	.cd-logo a                                  { display: block; width:212px; height: 55px; }
	.cd-logo a img                              { width: 100%; height: auto; }

	.cd-header-buttons                          { top: 8px; right: 0; }

	.cd-primary-nav                             { position: relative; top:23px; text-align: right; padding: 0; height: auto; width: 100%; overflow: visible; background: transparent; }
	.cd-primary-nav::after                      { clear: both; content: ""; display: table; }
	.cd-primary-nav.moves-out > li > a          { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
	.cd-primary-nav ul                          { position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3; margin-bottom: 20px; }
	.cd-primary-nav ul.is-hidden                { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translagteX(0); transform: translateX(0); }
	.cd-primary-nav ul.moves-out > li > a       { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
	.cd-primary-nav > li                        { display:inline-block; margin-left: 1em; position: relative; }
	.cd-primary-nav > li.hLink                  { display:none!important; }
	.cd-primary-nav > li > a                    { font: 16px 'Prometo-bold', Helvetica, Arial, sans-serif; text-transform: uppercase; position: relative; display: inline-block; height: auto; padding: 8px 3px; color: #333; overflow: visible; border-bottom: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
	.cd-primary-nav > li > a:hover              { color: #4fe3c1; }
	.cd-primary-nav > li > a.selected           { color: #666; box-shadow: inset 0 -2px 0 #4fe3c1; }

	.cd-primary-nav .cd-secondary-nav > li > a.DAT-primary-color:hover { color: #004ea8;}
	.cd-primary-nav .cd-secondary-nav > li > a.DIR-primary-color:hover { color: #84329b;}
	.cd-primary-nav .cd-secondary-nav > li > a.REP-primary-color:hover { color: #00af66;}
	.cd-primary-nav .cd-secondary-nav > li > a.CAMPUS-primary-color { border-top: dashed 1px #999;}
	.cd-primary-nav .cd-secondary-nav > li > a.CAMPUS-primary-color:hover { color: #0788c9; }

	.cd-primary-nav .go-back, .cd-primary-nav .see-all { display: none; }

	.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-icons { top: 37px; right: 0; width: 220px; position: absolute; background: #ffffff; padding: 28px 30px 30px; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
	.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-icons::after { clear: both; content: ""; display: table; }
	.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
	.cd-primary-nav .cd-secondary-nav > li      { height: auto!important; width: 100%; float: left; margin-right: 2.66%; overflow: hidden; overflow-x: hidden; overflow-y: hidden; -webkit-overflow-scrolling: touch; text-align:left; }
	.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) { margin-right: 0; border-right: none; }
	.cd-primary-nav .cd-secondary-nav > li > a  { height: 30px; padding: 0; color: #333; border-bottom: none; font: 700 16px/30px 'Prometo-Light', Helvetica, Arial, sans-serif; }
	.cd-primary-nav .cd-secondary-nav > li > span { color: #333; font: 18px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 12px; display: block; }
	.cd-primary-nav .cd-secondary-nav a         { height: 30px; padding: 0; color: #333; border-bottom: none; font: 700 16px/30px 'Prometo-Light', Helvetica, Arial, sans-serif; }
	.cd-primary-nav .cd-secondary-nav a:hover   { color: #333; text-decoration:none; }
	.cd-primary-nav .cd-secondary-nav a:before  { content: '\f054'; font-family: FontAwesome; font-size: 11px; font-weight: 300; margin-right: 8px; display: inline-block; }
	.cd-primary-nav .cd-secondary-nav ul { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
	.cd-primary-nav .cd-secondary-nav ul ul { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
	.cd-primary-nav .cd-secondary-nav ul ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
	.cd-primary-nav .cd-secondary-nav ul ul .go-back { display: block; }
	.cd-primary-nav .cd-secondary-nav ul ul .go-back a { color: transparent; }
	.cd-primary-nav .cd-secondary-nav ul ul .see-all { display: block; }
	.cd-primary-nav .cd-secondary-nav .moves-out > li > a { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }


	.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; }
	.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #69aa6f; }


	.has-children > a::before, .has-children > a::after { right: 15%; }
	.cd-primary-nav > .has-children > a         { padding-right: 25px !important; }
	.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after { margin-top: -2px; width: 9px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #333; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; }
	.cd-primary-nav > .has-children > a::before { right: 8px; }
	.cd-primary-nav > .has-children > a::after  { right: 3px; }
	.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 14px; }
	.cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); }
	.cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { /* remove arrows on secondary nav titles */display: none; }
	.cd-primary-nav .go-back a                  { padding-left: 20px; }
	.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; }

	.no-js .cd-primary-nav                      { position: absolute; z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0; }
	.no-js .nav-is-fixed .cd-primary-nav        { position: fixed; }

}


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

	body.nav-on-left.overflow-hidden            { overflow: hidden; }

	.cd-main-content                            { padding-top:60px; }

	.cd-login                                   { display:none;}

	.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); }
	.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); }

	.nav-on-left .cd-logo                       { left: auto; right: 5%; }

	.nav-on-left .cd-header-buttons             { right: auto; left: 5%; }
	.nav-on-left .cd-header-buttons li          { float: right; }

	.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0; }
	.cd-nav-trigger                             { display:block;}

	.cd-primary-nav                             { visibility: hidden; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; }
	.cd-primary-nav.nav-is-visible              { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; }

	.cd-overlay.is-visible                      { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); }
	.nav-on-left .cd-overlay.is-visible         { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); }

}