/*RESPONSIVE MENU*/

.responsive_btn {
    border-radius: 6px;
    cursor: pointer;
    display: none;
    line-height: 2px;
    margin: 0;
    padding: 4px 0;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 51px;
    z-index: 4;
    top: -40px;
}

.responsive_btn span {
    background: #d54498 none repeat scroll 0 0;
    border-radius: 6%;
    display: block;
    height: 3px;
    margin: 4px auto 0;
    width: 28px;
    position: relative;
}

.responsive_btn span:first-child {
    margin-top: 0;
}
body.responsive {
    overflow: hidden;
}
.responsive_btn:hover span {
    
}
.responsive .responsive_btn span:nth-child(2){
    display: none;
}
.responsive .responsive_btn span:nth-child(1){
    transform: rotate(45deg);
    top: 6px;
}
.responsive .responsive_btn span:nth-child(3){
    transform: rotate(-45deg);
}
.responsive_nav {
    background: #4765ac none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 #4765ac;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    left: -75%;
    top: 0;
    transition: all 250ms ease-in-out 0s;
    width: 75%;
    z-index: 9999;
}

.responsive_nav ul {
    margin: 0;
    padding: 0;
}

.responsive_nav ul li {
    border-top: 1px solid #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.responsive_nav ul li a {
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 12px 10px;
    transition: all 250ms ease-in-out 0s;
}

.responsive_nav ul li a:hover,
.responsive_nav ul li a:focus {
    background-color: #d54498;
    color: #fff;
}

.responsive_nav ul ul {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: medium none;
    margin: 10px 23px;
    display: block !important;
}

.responsive_nav ul ul li a {
    color: #444;
    font-size: 15px;
}

.responsive_nav ul li a i {
    display: none;
}

.responsive_nav ul ul li a:hover,
.responsive_nav ul ul li a:focus {
    background-color: #de3840;
    color: #222;
}

.nav_wrapper .container {
    position: relative;
}

.res_overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 250ms ease-in-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 3;
}

.responsive .res_overlay {
    opacity: 1;
    visibility: visible;
}

.responsive .responsive_nav {
    left: 0;
}

.nav > ul > li > ul.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    width: 220px;
    background: url(../images/sub_menubg.png);
}

.responsive_nav > ul > li > ul.submenu > li a {
    display: block;
    padding: 12px;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    -webkit-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}

.responsive_nav > ul > li > ul.submenu > li {
    float: none;
    text-align: left;
}

.responsive_nav > ul > li > ul.submenu > li a:hover {
    color: #fff;
    background: #59B42D;
}

.responsive_nav > ul > li > ul.submenu > li a {
    color: #fff;
    background: #333;
}
.profile_body{padding-bottom: 30px;}

@media only screen and (min-width: 1024px) and (max-width: 1169px) {
	.container{width:1000px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.container{width:750px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.container{//width:570px; width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	.container{//width:450px; width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.container{//width:300px; width: 100%;}
}

/*1600px*/
@media only screen and (max-width: 1599px) {
    .nav_menu > ul > li > a{font-size: 15px;}
    .tadd ul li{font-size: 16px; padding-right: 15px; margin-right: 15px;}
    .t_log a{padding: 8px 17px 10px; margin-left: 2px;}
    .tadd span{margin-right: 6px;}
    .heading{font-size: 50px;}
    .heading strong{font-size: 60px; line-height: 33px;}
    .heading span{font-size: 24px; line-height: 50px;}
    .w_text p{font-size: 18px;}
    /*.w_text p{font-size: 13px;}*/
    .h{font-size: 50px;}
    .h_ab_section{margin-bottom: 40px;}
    .h3{font-size: 50px;}
    .pt40{padding-top: 30px;}
    .sticky .pt40{padding-top: 23px;}
    .w_pic{max-height: 156px;}
    .sticky .logo{width: 75%;}
    .sticky .t_log a,
    .sticky .nav_menu > ul > li > a{font-size: 14px;}
    .side_logo{padding-top: 45px; padding-bottom: 15px;}
    .side_logo a h4{margin-top: 12px; font-size: 24px; margin-bottom: 0;} 
    /*.side_logo img{width: 85%;}*/
    .side_nav{padding-top: 15px;}
    .side_nav ul li a{padding: 20px 0; padding-left: 33px;}
    .side_nav ul li img{width: 18px; margin-top: -3px;}
    .step .pt40{padding-top: 23px;}
    .step .mt15{margin-top: 1%;}
    .top_search input[type="text"]{width: 138px; padding-left: 36px;}
    .top_search ul li{padding: 0; background-position: -7px -4px; margin-left: 5px;}
    .top_search ul li:nth-child(2){    background-position: -8px -80px;}
    .top_search ul li:nth-child(3){    background-position: -8px -153px; padding-left: 32px;}
    .top_search input[type="submit"]{height: 49px;}
    
}
@media only screen and (max-width: 1199px) {
    .ang1,
    .ang2,
    .ang3,
    .t_log a:before,
    .t_log a:after{display: none;}
    .pt40{padding-top: 14px;}
    .nav_menu > ul > li{margin-left: 0;}
    .nav_menu > ul > li > a{font-size: 13px; padding: 0 5px;}
    .t_log{margin-top: -3px; margin-left: 5px;}
    .t_log,
    .tadd ul{float: right;}
    .tadd ul li:last-child{margin-right: 0;}
    .t_log a{border: none; border-radius: 0; padding: 8px 0 0;}
    .top_info_section{margin-top: -6px;}
    .slider_text{top: 100px;}
    .slid_form select{width: 37%;}
    .slid_form select.selectc{width: 35%;}
    .h3{font-size: 30px;}
    .slid_form p{width: auto;}
    .h_work ul li{width: 33.33%;}
    .h_ab_section{padding: 15px 0; margin-bottom: 15px;}
    .h_help{padding-top: 20px; margin-top: 20px;}
    footer:before{height: 96%; bottom: -10%; left: -27%;}
    footer{margin-top: 20px; padding-top: 83px;}
    .h_help footer p{font-size: 14px;}
    .h2,
    .f_call,
    .h{font-size: 35px;}
    .profile_body{width: 98%;}
    .ang4,
    .ang5,
    .ang6,
    .ang7{display: none;}
    .side_nav ul li img{width: auto;}
    .trans_table{overflow-x: scroll;}
    .trans_table table{width: 800px;}
    .top_search ul li{width: 49%; float: left; margin-bottom: 5px; margin-left: 0;}
    .top_search ul li:nth-child(even){float: right}
    .top_search ul li:nth-child(3){width: 82%;}
    .top_search ul li:nth-child(4){width: 16%;}
/*768px*/
@media only screen and (max-width: 1023px) {
    .side_nav ul li a{padding-left: 10px;}
    .side_nav ul li img{padding-right: 8px;}
    .pro_l{width: 40%;}
    .pro_r{width: 60%;}
    .detail_text{padding-top: 10px; padding-bottom: 10px;}
    .detail_l{width: 35%;}
    .detail_r{width: 65%;}
    .stat .detail_r .detail_text{padding-top: 21px; padding-bottom: 20px;}
    .step .pt40{padding-top: 15px;}
    .step_container{width: 96%;}
    .ang8,
    .ang9{display: none;}
}

/*600px*/
@media only screen and (max-width: 767px) {
    .logo{width: 140px; padding-top: 7px;}
    .responsive_btn{display: block;}
    .nav_menu {display: none;}
    .mt15{margin-top: 0; }
    .header_top{background: rgba(39,39,39,0.6); padding-top: 0; padding-bottom: 7px;}
    .nav_menu{width: 100%; text-align: center; padding-bottom: 15px;}
    .nav_menu > ul > li{display: inline-block; float: none;}
    .nav_menu > ul > li > a{color: #fff;}
    .col-sm-10.pt40{padding-top: 0;}
    .top_info_section,
    .ht_sticky.sticky .top_info_section{margin-top: -43px;}
    .sticky .logo{width: 140px;}
    .tadd ul li{display: inline-block; float: none;}
    .slider_text{position: relative; top: auto; margin-top: 20px;}
    .h3{margin-bottom: 25px;}
    .slid_form select.selectc,
    .slid_form select{box-shadow: 3px 0px 9px rgba(0,0,0,0.5);}
    .h_ab_section{padding: 10px 0;}
    .heading strong,
    .heading span,
    .heading{display: inline; font-size: 33px; margin-bottom: 25px; line-height: normal;}
    .h_work ul li{width: 100%;}
    .w_pic{max-height: none; width: 100%; text-align: center;}
    .w_pic:after,
    .w_arrow:before{display: none;}
    .w_arrow{width: 30%; margin-left: -15%; transform: rotate(90deg); left: 50%;}
    .slid_form p{margin-top: 15px;}
    body{font-size: 16px;}
    .w_arrow{height: 110px;}
    .footer_logo{text-align: center;}
    .pr100{padding-right: 15px;}
    .ht_sticky{top: -270px}
    .footer_logo{width: 150px; margin: 0 auto;}
    .pt55{padding-top: 20px;}
    .h1{font-size: 18px; margin-bottom: 15px; width: 100%; display: inline-block;}
    .tadd{width: 100%;}
    .sidebar{height: auto !important;}
    .side_logo{padding-top: 10px; padding-bottom: 9px;}
    .side_logo img{width: 50%;}
    .side_logo a h4{font-size: 20px; margin-top: 5px; margin-bottom: -4px;}
    .side_nav{padding-top: 5px; text-align: center;}
    .ul.side_nav ul li{display: inline-block;}
    .side_nav ul li a{padding: 10px; border: none; margin: 0 3px 3px; font-size: 16px;}
    .side_nav ul li img{margin-right: 0;}
    .side_nav ul li img{width: 25px;}
    .profile_body{padding-top: 20px;}
    .profile_body h3{margin-bottom: 15px;}
    .pro_l{width: 40%;}
    .pro_r{width: 60%;}
    .trans_table .table > thead > tr > td{display: none;}
    .trans_table .table > tbody > tr > td:before{display: inline-block;}
    .trans_table .table > tbody > tr > td{display: block; text-align: right; padding: 8px 0; margin-bottom: 1px; padding-right: 20px;}
    .trans_table table{width: 100%;}
    .step .header_top {margin-top: 0; position: relative;}
    .step .banner_section{display: none;}
    .step_f label{width: 36%;}
    .step_f select, .step_f input[type="text"], .step_f textarea,
    .intl-tel-input{width: 64%;}
    .expir select{width: 28% !important;}
    .step_f,
    .step_h,
    .log_main .step_f{padding-right: 12px; padding-left: 68px;}
    .step_h{font-size: 17px;}
    .step_l{width: 40px;}
    .card_detail > ul > li > label:first-child{width: 38%;}
    .card_detail > ul > li label{width: 54%;}
    .contact_into .h{font-size: 20px;}
    .top_info_section{display: none;}
    
    .main_section .content_body h2 {font-size: 16px;}
    .log_main.step_container .step_l,
    .sign_upPage.step_container .step_l{display:none;}
    .log_main.step_container .step_f,
    .sign_upPage.step_container .step_f{padding-right:20px; padding-left:20px;}
}

/*480px*/
@media only screen and (max-width: 599px) {
    .h2{font-size: 30px;}
    .step_f label{width: 100%;}
    .step_f select, .step_f input[type="text"], .step_f textarea,
    .intl-tel-input{width: 100%;}
    .expir select{width: 45% !important;}
    .step_3nd > ul > li >label{width: 70%}
    .step_3nd label:first-child{width: 23%;}
    .log_main.step_container{width: 95%;}
    .intl-tel-input .country-list{min-width: 340px;}
}

/*320px*/
@media only screen and (max-width: 485px) {
    .tadd ul li:first-child:before{display: none;}
    .slid_form select{width: 45%; font-size: 13px;}
    .slid_form select.selectc{width: 55%;}
    .slid_form input[type="submit"]{margin-top: 15px;}
    .hab_img{display: none;}
    .sticky .logo{width: 100px;}
    footer:before{display: none;}
    footer{background: #272727; padding-top: 20px;}
    .f_call{font-size: 29px;}
    .tadd ul li a{font-size: 16px;}
    .tadd span.t_mail{transform: scale(0.8); margin-right: 0;}
    .t_log span{transform: scale(0.9);}
    .t_log a{font-size: 15px;}
    .h3,
    .heading strong, .heading span, .heading,
    .h2, .f_call, .h,
    .f_call i{font-size: 24px;}
    .f_call a, .f_call{font-size: 30px;}
    .w_pic{margin-bottom: 15px;}
    .logo{width: 118px;}
    .responsive_btn{top: -36px;}
    .ht_sticky.sticky .top_info_section{margin-top: -37px;}
    .ht_sticky.sticky .responsive_btn{top: -30px;}
    .ht_sticky.sticky .logo{padding-top: 0;}
    .pro_l{width: 50%;}
    .pro_r{width: 50%;}
    .table > thead > tr > td{display: none;}
    .table > tbody > tr > td{display: block; text-align: right; padding-right: 20px;}
    .log_h .table > tbody > tr > td:before{display: inline-block;}
    .table > tbody > tr > td{margin-bottom: 1px; padding: 13px 5px;}
    .detail_l{width: 56%;}
    .detail_r{width: 44%;}
    .detail_r .detail_text{padding-left: 12px;}
    .profile_body h3{font-size: 18px;}
    .step_3nd label:first-child,
    .card_detail > ul > li > label:first-child{width: 100%; color: #000; margin: 0; border-bottom: 1px solid #ddd;}
    .step_3nd label:first-child:after{display: none;}
    .step_3nd h3{font-size: 17px; letter-spacing: 0;}
    .step_3nd > ul > li >label,
    .card_detail > ul > li label{width: 100%;}
    .step_f input[type="submit"], .step_f a{letter-spacing: 0; padding: 11px 24px ; background-image: none;}
    .remember a{padding: 0;}
    .toggle_block .faq_q {padding: 15px 10px 15px 65px;line-height: 15px;}
    .intl-tel-input .country-list{min-width: 235px;}
    .log_main .remember label:nth-child(2){width: 100%;}
}
@media only screen and (max-width: 363px) {
    .h3{font-size: 25px;}
    .profile_panel ul li a{word-break: break-all;}
    .top_search ul li{ background-position: -9px -9px;}
    .top_search input[type="text"]{padding-left: 33px; height: 36px;}
    .top_search ul li:nth-child(2){background-position: -7px -85px; }
    .top_search ul li:nth-child(3){background-position: -7px -158px; }
    .top_search ul li:nth-child(3),
    .top_search ul li:nth-child(4){width: 100%}
    .top_search select,
    .top_search input[type="submit"]{height: 36px; width: 100%;}
    .top_search input[type="text"],
    .top_search select{font-size: 14px;}
    .toggle_block .faq_q {font-size: 15px;line-height: 15px;}
    .content_body {padding: 25px 20px;}
    .intl-tel-input .country-list{min-width: 210px;}
}