#menu-bar{transition:top .5s ease 0;-webkit-transition:top .5s ease 0;-moz-transition:top .5s ease 0;-o-transition:top .5s ease 0}
.affix{background:#fff;left:0;right:0;z-index:9999}
.navbar-devider{margin-bottom:0!important;margin-left:15%;margin-top:3px!important;padding-right:2%}
.navbar-brand{    padding: 4px 15px!important;}
.user-img-nav{display:none;}
.btn-space{margin-top:8px;padding:8px 25px!important}
.job-seeker-icons{width:20%;float:left;margin-right:11px}
.navbar-r{margin-left:4%!important;margin-top:0!important;margin-bottom:0!important}

/** New home page css start here**/
li.getstarted { background: #129a9f; border-radius: 4px; margin-top: 5px;}
li.getstarted a{padding-top: 8px!important; padding-bottom: 7px!important; color:#fff!important;}
.mytat_banner_h { float: left; width: 85%; margin-top: 18%;}
.mytat_banner_h h1{ font-weight:600; color:#0e386d;margin-top: 0;}
.mytat_banner_h p { font-size: 17px; color: #444;  width: 77%; padding-bottom: 3%; font-weight: 400; font-style: normal;}
.feture-img img{ width:100%}
.feature02 { float: left; width: 100%;}
.lot-of{ float:left; width:100%}
.lot-of h2{    margin-top: 2%; float: left; width: 100%; margin-bottom: 6%;}
.feature04 { float: left;  width: 100%; margin-bottom: 10%;text-align: center;}
.feature04 img{    width: 32%;}
.campus h4{ text-align:center;}
@media (min-width: 768px) and (max-width: 1024px) {
.trasted_by{width: 12%!important; }
.mytat_company_parter{    width: 85%!important; margin-top: 28px;}
.mytat_btn_group a.btn.btn-default { padding: 10px 28px;}
.souce_name h3, .solution_p strong{    font-size: 16px!important;}
}

.mytat_banner_section { float: left; width: 100%; margin-bottom: 5%;}
.mytat_btn_group { float: left; width: 100%;    margin-top: 12%;}
.mytat_banner_bg { float: right;}
.mytat_btn_group a.btn.btn-info{    color: #fff; background-color: #129a9f; border-color: #129a9f; padding: 10px 38px; font-size: 16px; margin-right:3%;}
.mytat_btn_group a.btn.btn-default{  padding: 10px 38px; font-size: 16px; margin-right: 10%;}
.mytat_banner_right { float: left; margin-top: 10%;    position: relative;}
.col-lg-6.col-md-6.col-sm-12.mytat_manege_01 { width: 45%;}
.mytat_user_01 { float: right; position: absolute; right: -24px; width: 53%; background: #fff; box-shadow: -1px 0px 5px #ddd; -webkit-box-shadow:-1px 0px 5px #ddd; -moz-box-shadow:-1px 0px 5px #ddd;border-radius: 3px;  margin-top: 18%;}
.mytat_user-01_header { float: left; width: 100%;}
.mytat_user_left_01 { float: left; width: 50%; margin-top: 8px; padding-left: 5px;}
.mytat_user_right_01 { float: left; width: 50%; padding-left: 8px; margin-top: 13px;}
.mytat_user_icon { float: left; background: #f1f1f1; border-radius: 50px; width: 30px; height: 30px; font-size: 19px; text-align: center; line-height: 30px;}
.mytat_user_name { float: left;  padding-left: 8px; font-size: 10px; padding-top: 5px; font-weight: 400; color:#0e386d;}
.mytat_user_right_01 ul{float:left;width:100%;list-style:none; padding:0px}
li.btn.btn-info.btn-ocen-green { font-size: 10px; padding: 1px 8px; float: right;margin-right:10px;}
li.btn.btn-info.btn-ocen-green a{color:#fff;}
.mytat_user_right_01 ul li { float: left; font-size: 11px;}
.mytat_user_record { float: left;  width: 100%; padding: 0px 8px;margin-bottom: 10px;}
.mytat_user_record ul{ list-style:none; padding:0px;}
.mytat_user_record ul li { float: left;  width:39.33%;font-size: 9px;}
.mytat_user_record ul li:first-child{ width:20%}
.mytat_user_record ul li .mytat_taxt{    color: #333; font-size: 12px; padding-top: 10px;  padding-bottom: 5px;}
.mytat_user_record ul li .mytat_rank{font-size: 10px;font-weight: 300;}
.mytat_user_record ul li .mytat_rank span{color: #129a9f; font-size: 16px; font-weight: bold;}
.mytat_user_01.mytat_user_02 { bottom: 8%; width: 58%;}
.mytat_user_01.mytat_user_02 .mytat_user_left_01{ width:100%}
.mytat_user_left_01 h4 { font-size: 14px; margin: 0px; line-height: 20px; color:#0e386d; font-weight:600;}
.mytat_user_record p{     font-size: 9px; color: #444; margin-bottom: 0; font-weight: 300;}
.mytat_user_record p strong{ font-weight:400;}
.mytat_user_record p span { font-size: 14px; font-weight: bold; color: #129a9f;}
.company_logo_partner{ float:left; width:100%; background:#f1f1f1; margin-bottom:5%;}
.trasted_by { float: left; color: #129a9f; font-size: 18px; font-weight: 600; line-height: 80px; margin-right:20px;    width: 8%;}
.mytat_company_parter {float: left; width:90%; margin-top: 20px; }
.mytat_company_parter ul{list-style:none; padding:0px; float:left; width:100%}
.mytat_company_parter ul li{ float:left; width:20%;text-align: center;}
.mytat_company_parter ul li img{    width: 65%;}
.solution h2{ font-weight:600; margin-bottom:1%;}
.solution_box {float: left; width: 100%; text-align: center;}
.solution_heading h2{    color: #0e386d; font-size: 20px;}
.solution_p p { font-size: 14px; color: #444; line-height: 29px; font-weight: 400; font-style: normal;}
.myatt_read_more { float: left; width: 100%; text-align: center;}
.myatt_read_more a{color: #129a9f; text-decoration: none; font-size: 14px; margin-bottom: 8%; float: left; width: 100%; font-weight: 600;}
.myatt_read_more a:hover{ color:#0e386d; text-decoration:none;}
.solution_p {  min-height: 134px;}
.secrste_souse{ background:#f8fbff; float:left; width:100%;    margin-top: 4%; margin-bottom: 4%;padding: 30px 0px;}
.secrste_souse h2{ color:#444; text-align:center; font-weight:600; padding-bottom:3%;    font-size: 30px;}
.box_souce { float: left; width: 100%;}
.souce_img { float: left; width: 24%;margin-right:10px;}

.souce_img img{ width:100%;}
.souce_name { float: left;}
.souce_name h3{ color:#0e386d; font-weight: 600; font-size:20px}
.souce_p {float: right; width: 72%; font-size: 14px; color: #444; padding-bottom: 10%; min-height: 114px; line-height: 29px; font-weight: 400;}
h2.text-center.h2_custom { font-size: 30px; width:50%; margin: 0 auto;  padding-bottom: 20px; color: #444; font-weight: bold;}
.solution_box_last .solution_p{    width:83%; margin: 0 auto;    min-height:79px;}
.solution_list{float:left; width:100%;}
.solution_logo img { width: 20%;}
.solution_box_last .solution_logo img{    width: 30%}
.footer { float: left;  width: 100%; background: #0e386d;}
.footer-menu { float: left; width: 100%; margin-top: 3%; margin-bottom: 3%;}

/*=== Basic box styling  ===*/


/*=== Trigger  ===*/
.animate {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}


/*=== Optional Delays, change values here  ===*/
.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.two {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.three {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.four {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
animation-delay: 3.5s;
}

.five {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
animation-delay: 4.5s;
}

.six {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
animation-delay: 5.5s;
}

.seven {
-webkit-animation-delay: 6.5s;
-moz-animation-delay: 6.5s;
animation-delay: 6.5s;
}

.eight {
-webkit-animation-delay: 7.5s;
-moz-animation-delay: 7.5s;
animation-delay: 7.5s;
}



/*=== Animations start here  ===*/

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}


/*=== FADE IN DOWN ===*/
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}


/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}

to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}

to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

/*=== FADE IN UP Big ===*/
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 

/*=== FADE IN DOWN Big ===*/
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 

/*=== FADE IN LEFT Big ===*/
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} 

/*=== FADE IN RIGHT Big ===*/
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}


.mytat_main_heading {float: left; width: 100%;}
.mytat_main_heading h1 .h1-icon{}
.mytat_main_heading h1 .h1-icon img{ width:20%}
.mytat_main_heading h1 { font-weight: 600; line-height: 60px;    font-size: 28px;}
.mytat_main_heading h1 .h1-icon img { width: 4%; margin-top: -1%; margin-right: 10px;}
.mytat_h2-h { float: left;  width: 100%; text-align: center;}
.mytat_h2-h h2 { font-size: 40px; font-weight: 600; color: #444; width: 47%; margin: 0 auto; padding-top: 4%;}
.mytat_be-confident { float: left; width: 100%; background: url(../images/Layer-138.png) no-repeat top center; min-height: 683px; position: relative; background-size: contain;}
.case-study-video { float: left;  width: 100%;    text-align: center;}
.case-study-video video{width:78%;}
.beconfident_box { position: absolute; width: 30%; text-align: center;}
.beconfident_box:first-child{left: 6%; top:24%;}
.beconfident_box:nth-child(2){    left:38%; top: 15%;}
.beconfident_box:nth-child(3){     top: 72%; left:21%;}
.beconfident_box:last-child{ right:15%;top: 60%;}
.beconfident_box h3{color:#0e386d; font-weight:600}
.beconfident_box p{    color: #444; font-size: 14px; line-height: 29px; font-weight: 400;}
.request_a_demo { float: left; width: 100%; text-align: center;}
.request_a_demo a.custom_request{    background: #129a9f;  padding: 10px 34px; font-size: 18px; text-transform: uppercase; border-radius: 50px;}
.mytat_c0ntent_list_main { float: left; width: 100%;}
.mytat_content_left_list { float: left; width: 100%;}
.content_list_icon { float: left; width: 22%; background: url(../images/bg-c.png) no-repeat bottom center; min-height: 150px; background-size: contain;    text-align: center;}
.content_list_icon img{    width: 55%; margin: 0 auto;}
.mytat_content_list_text { float: left; width: 66%; margin-left: 20px;}
.mytat_content_list_text{     width: 54%; margin-left: 5%;}
.mytat_content_list_text h3{ font-weight:600; font-size:2rem; color:#129a9f; margin-top:0px}
.mytat_content_list_text p { float: left; font-size: 16px; color: #444;line-height: 29px;}
.mytat_content_right_list { float: left; width: 100%;}
.content_list_icon.content_list_icon_right {float: right;}
.mytat_content_list_text.mytat_content_list_text_left {  margin-left: 18%;}
.mytat_content_right_list { float: left; width: 100%; margin-top: 3%; margin-bottom: 3%;}
.identifing_mytat_box { float: left; width: 100%;margin-bottom:4%;}
.indentyfy_grid { float: left;  width: 100%; margin-top: 8%; margin-bottom: 0%;    position: relative;}
.mytat_idetify_icon { text-align: center;}
.mytat_idetify_h4 { text-align: center; float: left; width: 100%;}
.mytat_idetify_h4 h4{    font-size: 2rem; font-weight: 800;}
.mytat_idetify_p { float: left; width: 100%; text-align: center; font-size: 16px; line-height: 29px; color: #444;}
.box-shashed { border-top: dashed 2px #2D1DBB; float: left; width: 16%; position: absolute; left: 17%; top: 13%;}
.box-shashed1 { border-top: dashed 2px #2D1DBB; float: left;  width: 16%; position: absolute; left:42%; top: 13%;}
.box-shashed2 { border-top: dashed 2px #2D1DBB; float: left; width: 16%; position: absolute; left:67%; top: 13%;}
.mytat_sutable_for { float: left; width: 100%;}
.mytat_sutable_for h3{ text-align:center; font-size:28px; font-weight:600; color:#444;}
.mytat_sutable_for_box { float: left; width: 16.4%; text-align: center; margin-bottom: 2%; margin-top: 4%;}
.sutable_for_logo{ width: 50%; margin: 0 auto;}
.sutable_for_logo img { width: 50%;}
.mytat_sutable_for_box h4{    color: #113671; font-weight: 500;    font-size: 16px;}
.mytat_img_poster { float: left; width: 100%; text-align: center; margin-bottom:3%;}
.mytat_img_poster img{width:45%;}
.govrnment-wrap{ float: left; width: 100%; background: #f8fbff; padding-top: 3%; padding-bottom: 3%; margin-top:3%;}
.wrap_img { float: left; width: 25%;}
.wrap_img img{width:100%}
.govt_wrap { float: left; width: 70%;    min-height: 175px;}
.govt_wrap h2 { font-size: 20px;font-weight: bold; color: #444;}
.govt_wrap h4 { font-weight: 300; margin-bottom:5px;    font-size: 16px;}
.govt_wrap p{ font-size:16px; line-height:29px; color:#666}
.wrap_img { float: left; width: 16%; padding-top: 13px; margin-right: 10px;}
.mytat_content_list_text_left .myatt_read_more, .mytat_content_list_text .myatt_read_more{    float: left;  width: auto;  margin-bottom: 3%;}
.analytics_wrap {float:left; width:100%;}
.analytics_wrap h2{color:#129a9f; font-size:25px}
.analyatic_m1 { float: left; width: 100%; border: solid 1px #ddd; margin-top: 2%; margin-bottom: 3%;}
.analyatic_m1 ul{ list-style:none; padding:0px;}
.analyatic_m1 ul li { float: left; width: 25%; text-align: center;  border-right: solid 1px #ddd;    padding: 10px;}
.analyatic_m1 ul li span{ font-size: 22px; font-weight: bold;}
.analyatic_m1 ul li p{ font-size:18px; color:#666; line-height:28px}
a.btn_analytics {background: #129a9f;padding: 7px 30px;font-size: 16px;border-radius: 5px;}
.mytat_se_de {float: left;width: 100%;text-align: center;margin-bottom: 8%;margin-top: 10%;}
.mytat_se_de h2{font-size:20px}
.mytat_se_de p{width:70%; margin:0 auto}
.mytat_se_de p {width: 58%;margin: 0 auto;font-size: 16px;padding-bottom: 30px;color: #666;}
.box-shashed.box-shashed-3 {left: 22%;width: 23%;}
.box-shashed1.box-shashed-4 {left: 55%;width: 23%;}
.sutable-icon {float: left;width: 100%;text-align: center;}
.sutable-icon img{width:30%;}
.sutable_for h4{ text-align:center; font-weight:600; padding-top:20px; padding-bottom:20px;float:left;width:100%}
.mytat_proctoring {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.mytat_proctoring_m1, .mytat_proctoring_icon {float: left;width: 100%;}
.mytat_proctoring_icon img{    width: 15%;}
.mytat_proctoring_m1 h3 {font-size: 20px;font-weight: 600;color: #0e386d;padding-top: 10px;float: left;width: 100%;margin-top: 0;}
.mytat_proctoring_m1 p{ font-size:16px; color:#444}
.mytat_proctoring_m1 {margin-bottom: 20px;height: 145px;}
.security_sec {float: left;width: 100%;text-align: center;}
.my_security_hdr img{width: 12%;}
.my_security_hdr h2{    font-weight: 700; color: #444;}
.my_security_hdr {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}

.security_main {float: left;width: 100%;    height: 232px;}
.mytat_security_icon img{width:14%}
.security_main h3 {font-weight: bold;}
.security_main p{ font-size:16px;line-height:28px; color:#666;}
.mytat_content_strip{    float: left;width: 100%;background: #0f396e;    background: #0f396e;padding-top: 15px;padding-bottom: 15px;}
.mytat_content_strip p{ color:#fff; font-size:18px; line-height:28px;}
.mytat_bottom_content {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.maytett_security_note {float: left;width: 100%;margin-top: 3%;margin-bottom: 3%;text-align: center;}
.maytett_security_note p {font-size: 24px;color: #888;}
.maytett_security_note p span{    font-weight: 700;font-size: 37px;color: #0f396e;}
.gdpr_content {float: left;width: 100%;    margin-bottom: 4%;}
.gdpr_content h2 {font-weight: 500;font-size: 25px;color:#444;}
.gdpr_content p{ font-size:16px; line-height:28px; color:#666}
.gdpr_content ul li{font-size:16px; line-height:28px; color:#666}
.dropbtn {color: white;padding: 16px;border: none;}
.dropdown {position: relative;display: inline-block;}

.dropdown-content a:hover {background-color: #fff; }
.dropdown:hover .dropdown-content {display: block; color:#113671; text-decoration:none;}
.case_study_link {float: right;font-size: 18px;color: #0e386d;}
.case_study_link i{ color:#FF0000;font-size: 25px; margin-right:10px;}
.mytat_sidebar {height: calc(100% - 100%);width: calc(30% - 100px);float: left;border: solid 1px #ddd;min-height: 600px;}
.mytat_right_sidebar {
height: calc(100% - 100%);width: calc(85% - 100px);float: left;padding-left: 20px;}
.sidebar_inner h3{ margin-top:0px;}
.sidebar_inner {float: left;width: 100%;}
.sidebar_inner h3 {margin-top: 0px;text-align: center;font-weight: 600;padding-bottom: 10px;padding-top: 20px;}
.mytat_sidebar_contaienr{ float:left; width:100%;}
.mytat_sidebar_contaienr ul{ padding:0px; list-style:none;}
.mytat_sidebar_contaienr ul li{ float:left; width:100%;}
.mytat_sidebar_contaienr ul li a{ float: left;width: 100%;line-height: 40px;font-size: 16px;padding-left: 10px;color: #444;text-decoration: none;}
.mytat_sidebar_contaienr ul li a.active{ background:#129a9f; color:#fff;}
.mytat_sidebar_contaienr ul li a.active:hover{color:#fff;}
.mytat_sidebar_contaienr ul li a:hover{color:#129a9f;}
.course_box {float: left;width: 24%;border: solid 1px #ddd;text-align: center;min-height: 126px;padding-top: 3%;margin-left: 5px;margin-right: 5px;margin-bottom: 10px;}
.course_box h3 a{ font-size:18px; color:#777; text-decoration:none}
.mytat_corse_seach {float: right;width: 28%;margin-top: 3%;}
.mytat_right_sidebar a.a-block.thumbnail.premium1{    height: 120px;padding-top: 19%!important;font-size: 16px;color: #666; text-decoration:none;text-align: center;}
.mytat_right_sidebar h3{    margin-top: 0px;}
.course_score {float: left;width: 40%;margin-top: 2%;}
.copyright{    float: left;width: 100%;background: #111;text-align: center;padding-bottom: 5px;padding-top: 5px; color:#fff;}
.course_score ul{ padding:0; list-style:none;}
.course_score ul li {width: 47%;float: left;border: solid 1px #ddd;padding: 10px 9px;margin-left: 10px;text-align: center;font-size: 16px;font-weight: 600;}
.course_mid_container {float: left;width: 100%;}
.course_bx {float: left;width: 100%;    margin-bottom: 4%;}
.course_bs_icon {float: left;width: 12%;margin-right: 10px;}
.course_bs_icon img {width:100%}
.course_bs_text {float: left;width: 86%;}
.course_bs_text h4 {font-size: 22px;font-weight: 600;color: #444;}
.course_bs_text p{ font-size:16px; line-height:28px;}
.mytat_discription {float: left;width: 100%;margin-top: 4%;}
.mytat_discription {float: left;width: 100%;margin-top: 4%;}
.instruction_bottom {position: fixed;bottom: 0;left: 0;right: 0;background: #0ca9af;padding: 10px;}
.video_recording {float: left;width: 100%;text-align: center;margin-bottom: 7%;}
.instruction_bottom {text-align: center;}
.instruction_bottom a {background: #00439d;padding: 8px 33px;border-radius: 50px;font-size: 18px;font-weight: bold;color: #fff;text-decoration: none;}
.instruction_bottom a:hover{color:#fff; text-decoration:none}
.mytat_sidebar_contaienr .sub-menu li{ padding-left:15px; border-top:solid 1px #f1f1f1}
.mytat_sidebar_contaienr .sub-menu li a{ color:#888}
.mytat_sidebar_contaienr .sub-menu a .right{ float:right;    padding: 10px;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {width: 70%;margin: auto;}
.header-section .navbar-inverse {background: none;border-bottom: solid 1px #ddd;border-radius: 0;border-left: white;border-right: white;margin-bottom:0px;border-top:0px}
.header-section .navbar-inverse .navbar-nav>li>a {color: #444;text-transform: uppercase;font-size: 14px;font-weight:400;}
.header-section .navbar-inverse .navbar-nav>li>a:focus, .header-section .navbar-inverse .navbar-nav>li>a:hover{color: #444;}
.mytat_banner_section .carousel-control.left, .mytat_banner_section .carousel-control.right{background: none;    color: #444;}
.mytat_banner_h h2 {font-weight: 600;color: #0e386d;    margin-top: 0px;}
.mytat_banner_h h4{    font-weight: 400;font-size: 15px;color: #444;}
.mytat_banner_section .carousel-inner {height: 400px;}
.solution_p strong{color: #0e386d;font-size: 20px;}
.mytat_banner_section .right{right:-7%!important;top: 45%;font-size: 5rem!important;color: #ddd;}
.mytat_banner_section .left {left: -10%;top: 45%;font-size: 5rem!important;color: #ddd;}
.mytat_banner_h h3 {margin-top: 0;font-size: 16px;}
.solution {float: left;width: 100%;}
.solution_list{    margin-top: 5%;}
/*@media (min-width: 1300px) {
.primary-hdr.primary-main{ top:6%!important}
}*/
.breadcrumb_list{float: left;width: 100%;}	
.breadcrumb_list ul{ list-style:none;padding:0px}
.breadcrumb_list ul li{ float:left; padding-right:10px; padding-top:15px;    color: #888; font-size:16px}
.breadcrumb_list ul li:after{content:"\203A"; padding-left:10px;}
.breadcrumb_list ul li:last-child:after{content:""; padding-left:10px;}
.case-study {float: left;width: 100%;    margin-bottom: 5%;}
.case-study_h2 h2 {font-weight: 600;color: #444;font-size: 25px;}
.case-study_h4 {float: left;width: 100%;}
.case-study_h4 {float: left;width: 100%;border-left: solid 4px #ddd;padding-left: 33px;}
.case-study_h4 h4 {font-size:20px;line-height: 30px;color: #888;}
.mytat_content_list_text ul{ float:left; width:100%;  padding:0px;}
.mytat_content_list_text ul li{float: left;     font-size: 16px;color: #444;line-height: 29px;    width: 100%;}
.how_do_container{ float:left; width:100%}
.how_do_container h3{    text-align: center;font-size: 3rem;font-weight: 600; margin-bottom:4%}	
.how_do_box h3{     font-size: 16px;min-height: 60px;color: #666;}
.how_d0_logo {width: 32%;margin: 0 auto;}
.how_d0_logo img{ width:100%}
.how_to_pdf {float: left;width: 100%;margin-top: 4%;margin-bottom: 4%;}
.footer-menu ul li {color: rgb(255, 255, 255);float: left;clear: both;padding: 5px;}
.footer-menu ul {list-style: none;padding: 0px;}
.footer-menu ul li a {color: rgb(255, 255, 255);text-decoration: none;}
.social-icon-right {float: left;width: 100%;margin-top: 30%;}
.social-icon {color: rgb(255, 255, 255);float: none;width: 40px;height: 40px;margin-right: 13px;margin-left: 13px;text-align: center;line-height: 40px;border-radius: 50px;border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);border-image: initial;margin: 0 auto;}
.social-icon a {color: rgb(255, 255, 255);text-decoration: none;}
.social-icon a:hover {color: rgb(113, 113, 250);text-decoration: none;}
.main-wrapper {width: 980px;padding-left: 10px;padding-right: 10px;margin: 0% auto 0px;}	
.how_do {float: left;width: 100%;padding-top: 15px;padding-bottom: 15px;}
.how_do h2{    margin-top: 10px;}
.link_screen {float: left;width: 38px;margin-right: 10px;}
.link_screen img{width:100%; }
@media (min-width:320px)  and  (max-width:480px) {
body{ font-size:16px}
.navbar-devider{ padding-left: 2%!important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: #ddd!important;}
.col-lg-6.col-md-6.col-sm-12.mytat_manege_01 {width: 100%;}
.mytat_banner_h{ padding-left: 15px; padding-right: 15px; width:100%;}
.col-lg-6.col-md-6.col-sm-12.mytat_manege_02{ display:none;}
.mytat_banner_h h2{ font-size:25px}
.mytat_banner_h h1{ font-size:25px;}
.mytat_banner_section .left { left: 0%; top: 33%;}
.mytat_banner_h p{ width:100%;font-size: 18px;}
.col-md-5.mobile-col { display: none;}
.mytat_btn_group a.btn.btn-info{padding: 10px 16px; font-size: 16px; margin-right: 0%;float: right;}
.trasted_by{font-size: 14px;line-height: 28px; margin-right: 0;    width: 100%;    display: none;}
.mytat_company_parter{ width: 100%; margin-top: 0;}
.mytat_banner_section .carousel-inner{height:auto;padding-bottom:0px;}
.mytat_btn_group a.btn.btn-default{padding: 10px 20px; font-size: 16px; margin-right: 0;}
.mytat_company_parter ul{ margin-bottom:0px}
.main-wrapper {
width: 100%;}
p{font-size:16px}
.mytat_banner_section .right{ right: 0%!important; top:33%;}
h2.text-center.h2_custom{font-size: 25px; padding-top: 50px; padding-bottom:30px;float:left; width:100%;    line-height: 34px;}
.header-section .navbar-collapse.in { position: absolute;background: #fff;left: 0; right: 0; z-index: 999;    padding-bottom: 26px;}
.dropdown-content{ position:inherit; box-shadow: none;}
.mytat_main_heading h1 {line-height: 33px;font-size: 25px;}
.mytat_h2-h{margin-top: 5%; margin-bottom:12%;}
.mytat_banner_h h4{ margin-bottom:0px}
.mytat_banner_h{ margin-top: 12%;}
.company_logo_partner{padding-top: 10px; padding-bottom: 10px;}
.mytat_main_heading h1 .h1-icon img { width:73%!important;}
.mytat_main_heading h1 .h1-icon { float: left; width: 14%; height: 80px;}
.mytat_company_parter ul li img { width: 92%;}
.mytat_h2-h h2 {font-size: 25px;width: 100%!important;}
.mytat_be-confident{ background:none;}
.beconfident_box { position: inherit; width: 100%; text-align: center; left: 0!important;margin-bottom: 5%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding-top: 15px; padding-bottom: 15px;padding-left: 10px;padding-right: 10px;}
.content_list_icon img { width: 45%;}
.content_list_icon{ width: 80%!important; margin: 0 auto;float: none!important;}
.mytat_content_list_text { width: 100%; margin-left: 0; margin-top:8%!important; margin-bottom: 5%;}
.mytat_banner_section{margin-bottom: 0;}
.carousel-inner>.item{ background:#e7fafb;padding-bottom: 30px;}
.mytat_content_list_text.mytat_content_list_text_left { margin-left: 0;}
.box-shashed, .box-shashed1, .box-shashed2{ display:none}
.mytat_idetify_p{ margin-bottom:9%}
.mytat_sutable_for_box {float: left; width: 50%; margin-bottom: 2%; margin-top: 7%; min-height: 120px;}
.mytat_img_poster{ margin-top:3%}
.mytat_img_poster img{ width:100%!important}
.solution_p { min-height: auto!important;}
.souce_p{ min-height: auto; padding-bottom:4%}
.analyatic_m1 ul li{width: 50%; min-height: 166px; border-bottom: solid 1px #ddd;}
.analyatic_m1 ul li span {font-size: 35px;}
.view_report_mytat{float: left; width: 100%; padding: 10px;}
.analytics_wrap h2{font-size: 16px;text-align: center;}
.my_security_hdr img { width: 43%;}
.mytat_security_icon img { width: 32%;}
.security_main{ height:auto; margin-bottom: 10%;}
.mytat_content_list_text h3{text-align: center;}
.col-lg-6.col-md-6.col-sm-6.mytat_manege_02 {display: none;}
.case_study_link{ margin-top:15px;}
.mytat_right_sidebar{    width: 100%;height: auto; padding-left:0px}
.mytat_sidebar{    min-height: 323px;margin-bottom: 30px;    width: 100%;}
.mytat_corse_seach {width: 81%;}
.mytat_main_heading{width:100%!important}
.course_score {width: 100%;}
.course_score ul li {width: 44%;margin-left: 15px;}
.course_score ul li:first-child{ margin-left:0px}
.course_bx{ text-align:center;}
.course_bs_icon {float: none;width: 25%;margin: 0 auto;}
.video_recording{    width: 100%;text-align: center;margin-bottom: 20%;    margin-top: 30px;}
.video_recording img{width:96%!important}
.case-study_h2 .h1-icon {width: 55px;float: left; margin-right:10px;}
.case-study_h2 .h1-icon img{ width:100%;}
.mytat_content_list_text ul {list-style: disc inside;}
.mytat_content_list_text ul li {font-size: 16px;}
.navbar-inverse .navbar-toggle {background:#0e386d!important;}
.banner-contant h1{margin-top: 0px!important;    font-size: 20px;}
.banner-contant a{ display:none}
.main-wrapper h2{    width: 100%;font-size: 18px;text-align: center;line-height: 30px;}
.banner-contant p{    font-size: 14px;}
.banner-contant h4{ display:none}


}
@media (min-width: 600px) and  (max-width:1024px) {		.trasted_by{ width: 12%; }
.mytat_company_parter{ width:84%;}
.mytat_user_01{ margin-top: 13%; right: 2px; width: 59%;}
.mytat_btn_group a.btn.btn-default{ margin-right:0px; }
.souce_name h3{ font-size: 17px;}
.solution_p strong{ font-size: 16px;}
.beconfident_box{ width: 31%;}
.beconfident_box:first-child{ top: 15%;}
.beconfident_box:nth-child(2) { top: 10%;}
.beconfident_box:nth-child(3) { top:75%;}
.beconfident_box:last-child {top: 62%;}
.mytat_be-confident{ min-height: 528px;}
.mytat_sutable_for_box{min-height: 98px;}
.case-study_h4 h4 {font-size: 16px;}
.govt_wrap{ min-height: 202px;}	}
@media (min-width: 768px) and  (max-width:980px) {
.navbar-devider{ padding-left: 2%!important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{    border-color: #ddd!important;}
.navbar-brand {padding: 4px 0px!important;}
.dropdown-content a{font-size: 10px;}
.header-section .navbar-inverse .navbar-nav>li>a{    font-size: 8px;padding: 15px 11px;}
.mytat_banner_h h2, .mytat_banner_h h1{ font-size:25px;}
.mytat_btn_group a.btn.btn-default {padding: 10px 10px;font-size: 16px;}
.mytat_btn_group a.btn.btn-info{    padding: 10px 15px;margin-right:0px;}
.mytat_user_01.mytat_user_02 {bottom: 0%;width: 100%;    bottom: -21%;}
.mytat_user_01{    width: 85%;    right: 12px;}
.mytat_banner_section .carousel-inner {height: 331px;}
.trasted_by{    width: 9%;    font-size: 12px;}
.mytat_company_parter {width: 88%;margin-top: 26px;}
.security_main{ margin-top:14%;}
.mytat_h2-h h2{    width: 66%;}
.beconfident_box:first-child {left: 3%;top: 5%;}
.beconfident_box {width: 32%;}
.beconfident_box p {font-size: 14px;line-height: 24px;}
.beconfident_box:nth-child(2) {left: 38%;top: 3%;}
.beconfident_box:nth-child(3) {top: 62%;left: 21%;}
.beconfident_box:last-child {right: 13%;top: 54%;}
.mytat_idetify_p{    min-height: 135px;}
.box-shashed1, .box-shashed, .box-shashed2{ display:none}
.mytat_be-confident{    min-height: 520px;}
.mytat_sutable_for_box h4 {font-size: 16px;min-height: 35px;}
.mytat_content_list_text {width: 72%;margin-top: 0px!important;}
.mytat_content_list_text.mytat_content_list_text_left {margin-left: 0%;width: 75%;}
.mytat_content_list_text p {font-size: 16px;line-height: 23px;}
.content_list_icon{    min-height: 102px;    width: 22%!important;}
.mytat_content_list_text h3{font-size: 2rem!important;}
.souce_p{ padding-bottom:0px;    min-height: 79px;}
.solution_p {min-height: 104px;}
.course_score{width: 100%;}
.mytat_sidebar {width: calc(42% - 100px);}
.mytat_right_sidebar{    width: calc(83% - 100px);}

.main-wrapper {width: 100%;}
.navbar-inverse .navbar-toggle {background:#0e386d!important;}
} 
@media (min-width:1366px){
.mytat_right_sidebar{    width: calc(82% - 100px);}
}


@media (min-width:481px)  and  (max-width:640px) {

}

@media (max-width: 767px) {
.modal-fullscreen-xs-down {padding: 0 !important;}
.modal-fullscreen-xs-down .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen-xs-down .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
}
@media (max-width: 991px) {
.modal-fullscreen-sm-down {padding: 0 !important;}
.modal-fullscreen-sm-down .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen-sm-down .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
}
@media (max-width: 1199px) {
.modal-fullscreen-md-down {padding: 0 !important;}
.modal-fullscreen-md-down .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen-md-down .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
}
.modal-fullscreen {padding: 0 !important;}
.modal-fullscreen .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;box-shadow: none;}
.banner-img {float: left;width: 100%;position: relative;}
.banner-img img{ float:left; width:100%}
.banner-contant {position: absolute;left: 0;right: 0;text-align: center;top: 24%;color: #fff;}
.aptitude02 {border: 1px solid #ccc;margin-bottom: 15px;margin-top: 15px;padding: 21px;}
.aptitude002 span {color:#00439d;font-size: 21px;line-height: 36px;}
.aptitude04 {float: left;margin-top: 5%;width: 100%;}
.aptitude-icon {text-align: center;}
.aptitude-icon > img {width: 25%;}
.aptitude04 h4 {color: #113671;font-size: 16px;margin-bottom: 23px;min-height: 61px;float: left;width: 100%;line-height: 25px;font-weight: 500;}
.aptitude02.aptitude002-min {min-height: 153px;}
.psy-img {text-align: center;}
.psy-img img{ width:40%}
.peronality-box {float: left;width: 100%;margin-bottom: 10%;}
.psy02{    float: left;width: 100%;margin-top: 6%;margin-bottom: 6%;}
.coding02 {float: left;width: 100%;margin-top: 3%;margin-bottom: 3%;}
.code-01 h2{ color: #0e386d;font-size: 20px;font-weight: 600;}


/************************request demo css************************/
.reqest-demo-section h1 {margin-bottom: 16px;color: #17364f;font-weight: 600;font-size: 28px;text-align: center;}
.reqest-demo-section p strong{font-weight: 600;color: rgb(78 94 105);width: 50%;font-size: 15px;}
.reqest-demo-section p{    color: rgba(36,54,66,.75); }
.form-wrapper {background: #fff;padding: 24px 36px;margin-top: 16px;border-radius: 4px;box-shadow: 0 0 20px rgba(23,54,79,.1);float: left;width: 100%;}
.form-wrapper label {font-size: 12px;font-weight: 500;}
.mytat_btn_group button.btn.btn-info {color: #fff;background-color: #129a9f;border-color: #129a9f;padding: 10px 38px;font-size: 16px;margin-right: 3%;}
.reqest-demo-bg {float: left;width: 100%;padding-bottom: 2%;}
.reqest-demo_section h2{font-size: 23px; text-align:center}
.reqest-demo_section ul{ list-style:none; float:left; width:100%;padding: 0;}
.reqest-demo_section ul li{ float: left;width: 100%;margin-bottom: 15px;line-height: 40px;font-weight: 400;}
.reqest-demo_section ul li img{width: 12%;float: left;margin-right: 10px;}
@media (min-width: 320px) and (max-width:767px) {
.form-wrapper{    padding: 24px 8px;}
.reqest-demo_section {float: left;width: 100%;padding-top: 4%;}
.reqest-demo_section ul li img {width: 10%;}
.reqest-demo_section ul li{line-height: 35px;}
.reqest-demo-section h1{font-size: 25px;text-align: center; }
}