/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/




/*---------0- Small Mobile , IPhone and laptop and Desktop Start ----------*/

@media (max-width: 767px) {
	.container {
	    max-width: 100%;
	}
	/* header css start */
	.main-header {
	    padding: 13px 0px;
	}
	.main-header.fixed-header {
	    padding: 8px 0px;
	}
	.main-header .navbar .navbar-nav .nav-item .nav-link {
	    font-size: 14px;
	    line-height: 14px;
	}
	.main-header .navbar .navbar-nav .nav-item {
	    padding: 10px;
	}
	.main-header .navbar .navbar-brand img {
		width: 70px;
	}

	.navbar-toggler .navbar-toggler-icon {
	    background: transparent;
	    width: auto;
	    height: auto;
	    position: relative;
	    right: 0;
	    cursor: pointer;
	}
	.navbar-toggler-icon span {
	    position: relative;
	    display: block;
	    height: 3px;
	    width: 100%;
	    margin: 0 0 5px;
	    transition: 0.4s;
	    -webkit-transition: 0.4s;
	    -moz-transition: 0.4s;
	    -ms-transition: 0.4s;
	    -o-transition: 0.4s;
	    width: 25px;
	    margin: 0 auto 4px;
	    background: #475F7B;
	}
	.navbar-toggler {
	    border: none !important;
	    padding: 0px !important;
	    outline: none !important;
	}
	.navbar-toggler.close .navbar-toggler-icon span:first-child {
	    top: 7px;
	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	}
	.navbar-toggler.close .navbar-toggler-icon span:nth-child(2) {
	    opacity: 0;
	}
	.navbar-toggler.close .navbar-toggler-icon span:last-child {
	    top: -7px;
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
    }
    .main-header .navbar .navbar-nav {
    	text-align: center;
    }
    .main-header .navbar .navbar-nav .nav-item:last-child {
	    padding-right: 10px;
	}
	/* header css end */
	/* top banner css start */
    .top-content-main {
	    padding: 120px 0px 60px;
	}
	.top-content-main .top-content-inner h2 {
	    font-size: 30px;
	    line-height: 40px;
	    letter-spacing: 1px;
	    padding-bottom: 30px;
	}
	.top-content-main .top-content-inner .link-top p {
	    font-size: 16px;
	    line-height: 20px;
	}
	.top-content-main .top-content-inner .link-top img {
		width: 25px;
	}
	.top-content-main .top-content-inner .link-top {
	    width: 100%;
	}
	.top-content-main .top-content-inner {
	    width: 100%;
	}
	/* top banner css end */

	/* content css start */
	.custom-detail-block {
	    padding-top: 55px;
	}
	.custom-detail-inner {
	    padding: 15px;
	}
	.custom-detail-inner .title-custom h2 {
	    font-size: 26px;
	    line-height: 26px;
	}
	.custom-block p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.custom-block .custom-block-inner .custom-logo p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.custom-block .custom-block-inner {
	    margin: 0px;
	    display: block;
	}
	.custom-block .custom-block-inner .custom-logo {
	    padding: 0px 0px 15px;
	    width: auto;
	}
	.custom-block .custom-block-inner .custom-content {
	    padding: 0px;
	    height: 260px;
	    width: 100%;
	}
	.custom-detail-inner .title-custom {
	    padding-bottom: 20px;
	}
	.link-custom {
	    padding-top: 25px;
	}
	.custom-block-join .join-content {
	    width: 100%;
	    padding: 0px 0px 10px;
	}
	.custom-block-join .list-join {
	    width: 50%;
	    padding: 0px 15px;
	}
	.view-all-link {
	    padding-top: 5px;
	}
	.custom-detail-inner .title-custom h2 span i {
	    font-size: 6px;
	    line-height: 10px;
	    left: -6px;
	}
	.custom-block-join .list-join ul li .list-join-block h4 {
	    font-size: 14px;
	    line-height: 20px;
	    padding-bottom: 5px;
	}
	.custom-block-join .list-join ul li .list-join-block {
	    padding: 7px;
	}
	.custom-block .custom-block-inner .custom-content p {
	    padding: 0px;
	}
	.custom-block-join {
	    display: block;
	    margin: 0px;
	}
	.custom-block-join .list-join {
	    width: 100%;
	    padding: 0px;
	}
	.view-all-link a span {
	    font-size: 13px;
	}
	.custom-block .custom-block-inner .custom-logo img {
	    width: 40%;
	}
	/* content css end */

	/* footer css start */

    .footer-main .f-top {
	    padding: 50px 0px 70px;
	}
	.footer-main .contact-block-inner p {
	    font-size: 14px;
	    line-height: 20px;
	    padding-bottom: 15px;
	}
	.footer-main .contact-block-inner .sign-up-link {
		font-size: 14px;
	    line-height: 20px;
	}
	.footer-main .contact-block-inner .f-logo {
	    padding-top: 30px;
	}
	.footer-main .f-bottom {
	    padding: 15px 0px;
	}
	.footer-main .contact-block-inner {
	    width: 100%;
	}

	/* footer css end */

	/* career page css start */
	.top-carrer-main {
	    padding: 120px 0px 50px;
	}
	.top-carrer-main .careers-title h2 {
	    font-size: 26px;
	    line-height: 26px;
	    padding-bottom: 20px;
	}
	.top-carrer-main .careers-title p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.top-carrer-main .careers-title {
		padding-bottom: 15px;
	}
	.top-carrer-main .list-join {
	    padding-left: 0px;
	}
	.top-carrer-main .list-join ul li {
	    padding: 0px 10px 20px;
	}
	.top-carrer-main .list-join ul {
	    margin: 0px -10px;
	}
	.top-carrer-main .list-join ul li .list-join-block a span {
	    padding-right: 4px;
	}
	.top-carrer-main .careers-title h2 span i {
	    font-size: 7px;
	    line-height: 7px;
	    left: -5px;
	}
	.top-carrer-main .list-join ul li {
	    width: 50%;
	}
	/* career page css end */


}
@media (min-width: 768px) and (max-width: 991px) {
	.container {
	    max-width: 100%;
	}
	/* header css start */
	.main-header {
	    padding: 13px 0px;
	}
	.main-header.fixed-header {
	    padding: 8px 0px;
	}
	.main-header .navbar .navbar-nav .nav-item .nav-link {
	    font-size: 14px;
	    line-height: 14px;
	}
	.main-header .navbar .navbar-nav .nav-item {
	    padding: 10px;
	}
	.main-header .navbar .navbar-brand img {
		width: 70px;
	}
	/* header css end */
	/* top banner css start */
    .top-content-main {
	    padding: 120px 0px 60px;
	}
	.top-content-main .top-content-inner h2 {
	    font-size: 50px;
	    line-height: 60px;
	    letter-spacing: 2px;
	    padding-bottom: 30px;
	}
	.top-content-main .top-content-inner .link-top p {
	    font-size: 16px;
	    line-height: 20px;
	}
	.top-content-main .top-content-inner .link-top img {
		width: 25px;
	}
	/* top banner css end */
	/* content css start */
	.custom-detail-block {
	    padding-top: 60px;
	}
	.custom-detail-inner {
	    padding: 30px;
	}
	.custom-detail-inner .title-custom h2 {
	    font-size: 30px;
	    line-height: 30px;
	}
	.custom-block p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.custom-block .custom-block-inner .custom-logo p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.custom-block .custom-block-inner {
	    margin: 0px -15px;
	}
	.custom-block .custom-block-inner .custom-logo {
	    padding: 0px 15px;
	}
	.custom-block .custom-block-inner .custom-content {
	    padding: 0px;
	    height: 260px;
	}
	.custom-detail-inner .title-custom {
	    padding-bottom: 30px;
	}
	.link-custom {
	    padding-top: 25px;
	}
	.custom-block-join .join-content {
	    width: 50%;
	    padding: 0px 15px;
	}
	.custom-block-join .list-join {
	    width: 50%;
	    padding: 0px 15px;
	}
	.view-all-link {
	    padding-top: 5px;
	}
	.custom-detail-inner .title-custom h2 span i {
	    font-size: 6px;
	    line-height: 10px;
	    left: -6px;
	}
	.custom-block-join .list-join ul li .list-join-block h4 {
	    font-size: 14px;
	    line-height: 20px;
	    padding-bottom: 5px;
	}
	.custom-block-join .list-join ul li .list-join-block {
	    padding: 7px;
	}
	/* content css end */
	/* footer css start */

    .footer-main .f-top {
	    padding: 60px 0px 100px;
	}
	.footer-main .contact-block-inner p {
	    font-size: 16px;
	    line-height: 20px;
	    padding-bottom: 15px;
	}
	.footer-main .contact-block-inner .sign-up-link {
		font-size: 16px;
	    line-height: 20px;
	}
	.footer-main .contact-block-inner .f-logo {
	    padding-top: 30px;
	}
	.footer-main .f-bottom {
	    padding: 18px 0px;
	}

	/* footer css end */

	/* career page css start */
	.top-carrer-main {
	    padding: 150px 0px 70px;
	}
	.top-carrer-main .careers-title h2 {
	    font-size: 30px;
	    line-height: 40px;
	    padding-bottom: 20px;
	}
	.top-carrer-main .careers-title p {
	    font-size: 18px;
	    line-height: 26px;
	}
	.top-carrer-main .list-join {
	    padding-left: 0px;
	}
	.top-carrer-main .list-join ul li {
	    padding: 0px 10px 20px;
	}
	.top-carrer-main .list-join ul {
	    margin: 0px -10px;
	}
	.top-carrer-main .list-join ul li .list-join-block a span {
	    padding-right: 4px;
	}
	.top-carrer-main .careers-title h2 span i {
	    font-size: 7px;
	    line-height: 7px;
	    left: -5px;
	}
	/* career page css end */
}
@media (min-width: 992px) and (max-width: 1199px) {
	/* header css start */
	.main-header {
	    padding: 15px 0px;
	}
	.main-header.fixed-header {
	    padding: 10px 0px;
	}
	.main-header .navbar .navbar-nav .nav-item .nav-link {
	    font-size: 17px;
	    line-height: 17px;
	}
	.main-header .navbar .navbar-nav .nav-item {
	    padding: 10px 10px;
	}
	/* header css end */
	/* top banner css start */
    .top-content-main {
	    padding: 170px 0px 70px;
	}
	.top-content-main .top-content-inner h2 {
	    font-size: 60px;
	    line-height: 85px;
	    letter-spacing: 2px;
	    padding-bottom: 35px;
	}
	.top-content-main .top-content-inner .link-top p {
	    font-size: 18px;
	    line-height: 22px;
	}
	/* top banner css end */
	/* content css start */
	.custom-detail-block {
	    padding-top: 80px;
	}
	.custom-detail-inner {
	    padding: 40px;
	}
	.custom-detail-inner .title-custom h2 {
	    font-size: 40px;
	    line-height: 40px;
	}
	.custom-block p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.custom-block .custom-block-inner .custom-logo p {
	    font-size: 16px;
	    line-height: 22px;
	}
	.custom-block .custom-block-inner {
	    margin: 0px -15px;
	}
	.custom-block .custom-block-inner .custom-logo {
	    padding: 0px 15px;
	}
	.custom-block .custom-block-inner .custom-content {
	    padding: 0px;
	    height: 260px;
	}
	.custom-detail-inner .title-custom {
	    padding-bottom: 30px;
	}
	.link-custom {
	    padding-top: 25px;
	}
	.custom-block-join .join-content {
	    width: 60%;
	    padding: 0px 15px;
	}
	.custom-block-join .list-join {
	    width: 40%;
	    padding: 0px 15px;
	}
	.view-all-link {
	    padding-top: 5px;
	}
	/* content css end */

	/* footer css start */

    .footer-main .f-top {
	    padding: 80px 0px 130px;
	}
	.footer-main .contact-block-inner p {
	    font-size: 18px;
	    line-height: 22px;
	    padding-bottom: 20px;
	}
	.footer-main .contact-block-inner .sign-up-link {
		font-size: 18px;
	    line-height: 22px;
	}
	.footer-main .contact-block-inner .f-logo {
	    padding-top: 30px;
	}
	.footer-main .f-bottom {
	    padding: 18px 0px;
	}

	/* footer css end */

	/* career page css start */
	.top-carrer-main {
	    padding: 150px 0px 100px;
	}
	.top-carrer-main .careers-title h2 {
	    font-size: 40px;
	    line-height: 50px;
	    padding-bottom: 30px;
	}
	.top-carrer-main .careers-title p {
	    font-size: 20px;
	    line-height: 30px;
	}
	/* career page css end */
}
@media (min-width: 1200px) and (max-width: 1299px) {
	/* header css start */
	.main-header {
	    padding: 15px 0px;
	}
	.main-header.fixed-header {
	    padding: 10px 0px;
	}
	
	/* header css end */

	/* top banner css start */
    .top-content-main {
	    padding: 200px 0px 100px;
	}
	/* top banner css end */
}
@media (min-width: 1300px) and (max-width: 1399px) {
	
}

@media (min-width: 1400px) and (max-width: 1499px) {
	
}

@media (min-width: 1500px) and (max-width: 1599px) {
	
}