/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

    
   .header-logo {
	margin-right: 40px;
} 
 
    .header-menu {
	width: 658px;
}
    .hero-content h1 {
	font-size: 50px;
	line-height: 97px;
}
    .hero-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	margin: auto;
}
    .hero-btn a {
	width: 360px;
	height: 64px;
	font-size: 16px;
}
.hero-area {
	height: 660px;
}
    .plan-img {
	width: 140px;
	height: 140px;
	margin-bottom: 25px;
}
    .plan-content h3 {
	font-size: 30px;
	line-height: 37px;
	margin-bottom: 16px;
}
    .plan-area {
	padding: 70px 0;
}
    .service-area {
	padding: 60px 0;
}
.service-title h2 {
	margin: 0;
	font-size: 40px;
	line-height: 40px;
}  
    .service-title {
	margin-bottom: 60px;
}
    .service-fx-2 {
	width: 800px;
	margin: auto;
}
    .brand-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .single-brand a {
	width: 220px;
	height: 88px;
	display: block;
}
    .news-title {
	padding-top: 60px;
}
    .news-area {
	height: 800px;
	background: #000000;
}
    .buy-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .buy-title h2 {
	font-size: 40px;
	line-height: 58px;
	margin-bottom: 5px;
}
    .buy-content p {
	font-size: 11px;
	line-height: 17px;
}
    .buy-content a {
	width: 180px;
	height: 50px;
	font-size: 16px;
}
    .tailor-inner {
	width: 48%;
}
    .tailor-img {
	width: 50%;
}
    .tailor-title h4 {
	font-size: 20px;
	line-height: 25px;
}
    .tailor-title {
	margin-bottom: 28px;
}
    .tailor-lisi ul li {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 34px;
}
    .tailor-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
 .road-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .road-title h2 {
	font-size: 40px;
	line-height: 50px;
}
    .road-title {
	max-width: 1066px;
	margin: auto;
	margin-bottom: 60px;
}
    .road-fx {
	margin-bottom: 60px;
}
    .ambas-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .ambs-content h4 {
	font-size: 25px;
	line-height: 28px;
	margin-bottom: 14px;
}
    .ambs-content {
	max-width: 241px;
}
    .ambs-content p {
	font-size: 13px;
	line-height: 18px;
}
 .smith-wrap {
	max-width: 100%;
	margin: auto;
	padding-top: 60px;
}  
    .smith-single-item {
	max-width: 211px;
}
  .smith-area {
	padding-bottom: 60px;
}  
    .contact-area {
	height: 650px;
}
    .smith-active .owl-nav button {
	left: 0;
}
 .smith-active .owl-next {
	left: auto !important;
	right: 0;
}
    .footer-area {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #000000;
}
   .buy-active .owl-nav button {
	left: 0;
}
    .owl-next {
	left: auto !important;
	right: 0;
}
    
 .plan-modal .modal-dialog {
	max-width: 1100px;
	margin: 1.75rem auto;
}   
    .plan-modal-content {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 50px;
	padding-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
}

  .service-modal .modal-dialog {
	max-width: 1100px;
	margin: 1.75rem auto;
} 
    .service-md-text {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: 100px;
	padding: 0 30px;
}
    .service-md-img {
	width: 100% !important;
	height: 650px;
	margin-bottom: 50px;
}
    .footer-.mt-ct h4 {
	margin: 0;
	font-size: 21px;
	color: #fff;
	line-height: 24px;
	font-weight: 700;
}
    
    
    
    
    
    
    
    
    
    
    
    
    

}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

   .header-logo {
	margin-right: 17px;
} 
 
    .header-menu {
	width: 658px;
}
    .hero-content h1 {
	font-size: 40px;
	line-height: 78px;
}
    .hero-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	margin: auto;
}
    .hero-btn a {
	width: 300px;
	height: 60px;
	font-size: 16px;
}
.hero-area {
	height: 500px;
}
    .plan-img {
	width: 140px;
	height: 140px;
	margin-bottom: 25px;
}
    .plan-content h3 {
	font-size: 25px;
	line-height: 32px;
	margin-bottom: 13px;
}
    .plan-area {
	padding: 70px 0;
}
    .service-area {
	padding: 60px 0;
}
.service-title h2 {
	margin: 0;
	font-size: 40px;
	line-height: 40px;
}  
    .service-title {
	margin-bottom: 60px;
}
    .service-fx-2 {
	width: 690px;
	margin: auto;
}
    .brand-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .single-brand a {
	width: 180px;
	height: 77px;
	display: block;
}
    .news-title {
	padding-top: 60px;
}
    .news-area {
	height: 600px;
	background: #000000;
}
    .buy-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .buy-title h2 {
	font-size: 40px;
	line-height: 58px;
	margin-bottom: 5px;
}
    .buy-content p {
	font-size: 11px;
	line-height: 17px;
}
    .buy-content a {
	width: 180px;
	height: 50px;
	font-size: 16px;
}
    .tailor-inner {
	width: 48%;
}
    .tailor-img {
	width: 50%;
}
    .tailor-title h4 {
	font-size: 19px;
	line-height: 25px;
}
    .tailor-title {
	margin-bottom: 28px;
}
    .tailor-lisi ul li {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 34px;
}
    .tailor-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
 .road-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .road-title h2 {
	font-size: 40px;
	line-height: 50px;
}
    .road-title {
	max-width: 1066px;
	margin: auto;
	margin-bottom: 60px;
}
    .road-fx {
	margin-bottom: 60px;
}
    .ambas-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .ambs-content h4 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 12px;
}
    .ambs-content {
	max-width: 100%;
}
    .ambs-content p {
	font-size: 13px;
	line-height: 18px;
}
 .smith-wrap {
	max-width: 100%;
	margin: auto;
	padding-top: 60px;
}  
    .smith-single-item {
	max-width: 285px;
}
  .smith-area {
	padding-bottom: 60px;
}  
    .contact-area {
	height: 650px;
}
    .smith-active .owl-nav button {
	left: 0;
}
 .smith-active .owl-next {
	left: auto !important;
	right: 0;
}
    .footer-area {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #000000;
}
 .buy-active .owl-nav button {
	left: 0;
}
    .owl-next {
	left: auto !important;
	right: 0;
}
   .header-logo a {
	height: 96px;
	width: 72px;
	display: block;
} 
    .header-menu {
	width: 602px;
}
    .header-lf-btn a {
	width: 240px;
	height: 56px;
	font-size: 16px;
}
    .header-lf-top {
	max-width: 240px;
}
    .header-icn a {
	width: 25px;
	height: 25px;
	font-size: 14px;
}
    .header-lf-top a {
	font-size: 13px;
	color: #fff;
	margin-right: 9px;
}
    .header-icn a {
	color: #000;
}
    .hero-content {
	max-width: 100%;
	margin: auto;
	margin-bottom: 83px;
}
  .service-content {
	max-width: 412px;
	margin-top: 25px;
} 
    .service-content h4 {
	font-size: 24px;
	margin-bottom: 15px;
}
    .tailor-lisi ul li span {
	font-size: 20px;
	font-weight: 700;
	display: block;
	padding-right: 5px;
}
   .tailor-lisi ul li {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 23px;
}
    .road-img span {
	font-size: 20px;
}
    .road-content {
	margin-top: 25px;
	text-align: center;
}
.ambs-wrap::before {
	display: none;
} 
    .contact-wrap {
	max-width: 100%;
	margin-left: 0;
}
   
    .contact-sub {
	width: 100%;
	margin-left: 0;
	text-align: center;
}
    .contact-wrap h4 {
	font-size: 40px;
	line-height: 60px;
	margin-bottom: 3px;
}
    .contact-linl ul li a {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 17px;
}
    
    .plan-modal .modal-dialog {
	max-width: 900px;
	margin: 1.75rem auto;
}   
.service-md-text {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: 40px;
	padding: 0 30px;
}
    .plan-modal-img img {
	margin: ;
	max-width: 127px;
}
    .plan-md-tx h4 {
	margin: 0;
	font-size: 21px;
	color: #fff;
	font-weight: 700;
}
    .cl h2 {
	font-size: 21px;
	color: #fff;
	font-weight: 700;
}

   
  .service-modal .modal-dialog {
	max-width: 900px;
	margin: 1.75rem auto;
} 
    .service-md-text {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: 100px;
	padding: 0 30px;
}
    .service-md-img {
	width: 100% !important;
	height: 420px;
	margin-bottom: 50px;
}
    .footer-.mt-ct h4 {
	margin: 0;
	font-size: 21px;
	color: #fff;
	line-height: 24px;
	font-weight: 700;
} 
    
    
    
    
    
    
    
    
   
    
    
}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

 
    .header-logo {
	margin-right: 0;
} 
 
    .header-menu {
	width: 658px;
}
    .hero-content h1 {
	font-size: 30px;
	line-height: 65px;
}
    .hero-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	margin: auto;
}
    .hero-btn a {
	width: 223px;
	height: 53px;
	font-size: 13px;
}
.hero-area {
	height: 500px;
}
    .plan-img {
	width: 100px;
	height: 100px;
	margin-bottom: 19px;
}
    .plan-content h3 {
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 11px;
}
    .plan-area {
	padding: 70px 0;
}
    .service-area {
	padding: 60px 0;
}
.service-title h2 {
	margin: 0;
	font-size: 30px;
	line-height: 28px;
}  
    .service-title {
	margin-bottom: 60px;
}
    .service-fx-2 {
	width: 690px;
	margin: auto;
}
    .brand-area {
	padding-top: 0;
	padding-bottom: 60px;
}
    .single-brand a {
	width: 130px;
	height: 68px;
	display: block;
}
    .news-title {
	padding-top: 60px;
}
    .news-area {
	height: 400px;
	background: #000000;
}
    .buy-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .buy-title h2 {
	font-size: 30px;
	line-height: 58px;
	margin-bottom: 5px;
}
    .buy-content p {
	font-size: 11px;
	line-height: 17px;
}
    .buy-content a {
	width: 180px;
	height: 50px;
	font-size: 16px;
}
.tailor-inner {
	width: 100%;
}
.tailor-img {
	width: 100%;
	margin-bottom: 40px;
}
    .tailor-title h4 {
	font-size: 19px;
	line-height: 25px;
}
    .tailor-title {
	margin-bottom: 28px;
}
    .tailor-lisi ul li {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 34px;
}
    .tailor-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
 .road-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .road-title h2 {
	font-size: 40px;
	line-height: 50px;
}
    .road-title {
	max-width: 1066px;
	margin: auto;
	margin-bottom: 60px;
}
    .road-fx {
	margin-bottom: 60px;
}
    .ambas-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .ambs-content h4 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 12px;
}
    .ambs-content {
	max-width: 100%;
}
    .ambs-content p {
	font-size: 13px;
	line-height: 18px;
}
 .smith-wrap {
	max-width: 100%;
	margin: auto;
	padding-top: 60px;
}  
    .smith-single-item {
	max-width: 219px;
}
  .smith-area {
	padding-bottom: 60px;
}  
    .contact-area {
	height: auto;
	padding: 50px 0;
}
    .smith-active .owl-nav button {
	left: 0;
}
 .smith-active .owl-next {
	left: auto !important;
	right: 0;
}
    .footer-area {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #000000;
}
 .buy-active .owl-nav button {
	left: 0;
}
    .owl-next {
	left: auto !important;
	right: 0;
}
   .header-logo a {
	height: 96px;
	width: 72px;
	display: block;
} 
    .header-menu {
	width: 100%;
	display: none;
}
    .header-lf-btn a {
	width: 240px;
	height: 56px;
	font-size: 16px;
}
    .header-lf-top {
	max-width: 240px;
}
    .header-icn a {
	width: 25px;
	height: 25px;
	font-size: 14px;
}
    .header-lf-top a {
	font-size: 13px;
	color: #fff;
	margin-right: 9px;
}
    .header-icn a {
	color: #000;
}
    .hero-content {
	max-width: 100%;
	margin: auto;
	margin-bottom: 83px;
}
  .service-content {
	max-width: 412px;
	margin-top: 25px;
} 
    .service-content h4 {
	font-size: 24px;
	margin-bottom: 15px;
}
    .tailor-lisi ul li span {
	font-size: 20px;
	font-weight: 700;
	display: block;
	padding-right: 5px;
}
   .tailor-lisi ul li {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 23px;
}
    .road-img span {
	font-size: 20px;
}
    .road-content {
	margin-top: 25px;
	text-align: center;
}
.ambs-wrap::before {
	display: none;
} 
    .contact-wrap {
	max-width: 100%;
	margin-left: 0;
	margin-bottom: 40px;
}
   
    .contact-sub {
	width: 100%;
	margin-left: 0;
	text-align: center;
}
    .contact-wrap h4 {
	font-size: 40px;
	line-height: 60px;
	margin-bottom: 3px;
}
    .contact-linl ul li a {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 17px;
} 
    .header-lf {
	display: none;
}
    .header-ri-fx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
    .header-lf.mobile-lf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
    .header-lf-btn {
	margin-top: 0;
}
 .bar{
    display: block;
} 
    .hero-content p {
	font-size: 18px;
	color: #000000;
	line-height: 27px;
}
.plan-content p {
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 18px;
} 
    .plan-wrap {
	text-align: center;
	max-width: 414px;
	margin: auto;
	margin-bottom: 40px;
}
    .servicde-single-item {
	width: 48.5%;
	margin-bottom: 40px;
}
  .service-fx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 72px;
	flex-wrap: wrap;
}  
    
 .news-title h2 {
	margin: 0;
	font-size: 30px;
}
    .buy-title p {
	font-size: 16px;
	line-height: 27px;
}
    .tailor-fx {
	display: block;
	align-items: center;
	justify-content: space-between;
}
    
 .road-single-item {
	width: 48.2%;
	margin-bottom: 30px;
} 
    .ambs-wrap {
	position: relative;
	height: auto;
	margin-bottom: 48px;
}
    .footer-widget {
	display: block;
	align-items: start;
	justify-content: space-between;
	max-width: 100%;
	margin: auto;
}
    .footer-single-widget {
	width: 100%;
}
    .footer-single-widget {
	width: 100%;
	margin-bottom: 30px;
}
    .footer-menu-widget {
	width: 100%;
	display: flex;
	align-items: start;
	justify-content: space-between;
}
    .ambas-area::before {
	width: 500px;
}
    
     .plan-modal .modal-dialog {
	max-width: 700px;
	margin: 1.75rem auto;
}   
.plan-modal-content {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 26px;
	padding-bottom: 26px;
	padding-left: 30px;
	padding-right: 30px;
}
    .plan-modal-img img {
	margin: ;
	max-width: 127px;
}
    .plan-md-tx h4 {
	margin: 0;
	font-size: 21px;
	color: #fff;
	font-weight: 700;
}
    .cl h2 {
	font-size: 21px;
	color: #fff;
	font-weight: 700;
}   
 .header-lf.mobile-lf {
	display: flex;
}   
    
    .service-modal .modal-dialog {
	max-width: 700px;
	margin: 1.75rem auto;
} 
    .service-md-text {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: 100px;
	padding: 0 30px;
}
    .service-md-img {
	width: 100% !important;
	height: 420px;
	margin-bottom: 50px;
}
    .footer-.mt-ct h4 {
	margin: 0;
	font-size: 21px;
	color: #fff;
	line-height: 24px;
	font-weight: 700;
}  
    .footer-.mt-ct h4 img {
	max-width: 23px;
}
    
    
    
    
    

}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    
    .header-logo {
	margin-right: 0;
} 
 
    .header-menu {
	width: 658px;
}
    .hero-content h1 {
	font-size: 30px;
	line-height: 65px;
}
    .hero-btn {
	display: block;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	margin: auto;
}
    .hero-btn a {
	width: 100%;
	height: 49px;
	font-size: 13px;
	margin-bottom: 14px;
}
.hero-area {
	height: auto;
	padding: 50px 0;
}
    .plan-img {
	width: 100px;
	height: 100px;
	margin-bottom: 19px;
}
    .plan-content h3 {
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 11px;
}
    .plan-area {
	padding: 70px 0;
}
    .service-area {
	padding: 60px 0;
}
.service-title h2 {
	margin: 0;
	font-size: 30px;
	line-height: 28px;
}  
    .service-title {
	margin-bottom: 60px;
}
    .service-fx-2 {
	width: 100%;
	margin: auto;
	display: block;
}
    .brand-area {
	padding-top: 0;
	padding-bottom: 60px;
}
    .single-brand a {
	width: 100%;
	height: 72px;
	display: block;
	margin-bottom: 24px;
}
    .news-title {
	padding-top: 60px;
}
    .news-area {
	height: 400px;
	background: #000000;
}
    .buy-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .buy-title h2 {
	font-size: 30px;
	line-height: 58px;
	margin-bottom: 5px;
}
    .buy-content p {
	font-size: 11px;
	line-height: 17px;
}
    .buy-content a {
	width: 180px;
	height: 50px;
	font-size: 16px;
}
.tailor-inner {
	width: 100%;
}
.tailor-img {
	width: 100%;
	margin-bottom: 40px;
}
    .tailor-title h4 {
	font-size: 19px;
	line-height: 25px;
}
    .tailor-title {
	margin-bottom: 28px;
}
    .tailor-lisi ul li {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 34px;
}
    .tailor-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
 .road-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .road-title h2 {
	font-size: 30px;
	line-height: 40px;
}
    .road-title {
	max-width: 1066px;
	margin: auto;
	margin-bottom: 60px;
}
    .road-fx {
	margin-bottom: 0;
}
    .ambas-area {
	padding-top: 60px;
	padding-bottom: 60px;
}
    .ambs-content h4 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 12px;
}
    .ambs-content {
	max-width: 100%;
}
    .ambs-content p {
	font-size: 13px;
	line-height: 18px;
}
 .smith-wrap {
	max-width: 100%;
	margin: auto;
	padding-top: 60px;
}  
    .smith-single-item {
	max-width: 100%;
}
  .smith-area {
	padding-bottom: 60px;
}  
    .contact-area {
	height: auto;
	padding: 50px 0;
}
    .smith-active .owl-nav button {
	left: 0;
}
 .smith-active .owl-next {
	left: auto !important;
	right: 0;
}
    .footer-area {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #000000;
}
 .buy-active .owl-nav button {
	left: 0;
}
    .owl-next {
	left: auto !important;
	right: 0;
}
   .header-logo a {
	height: 96px;
	width: 72px;
	display: block;
} 
    .header-menu {
	width: 100%;
	display: none;
}
    .header-lf-btn a {
	width: 80px;
	height: 40px;
	font-size: 13px;
}
    .header-lf-top {
	max-width: 240px;
}
    .header-icn a {
	width: 25px;
	height: 25px;
	font-size: 14px;
}
    .header-lf-top a {
	font-size: 13px;
	color: #fff;
	margin-right: 9px;
}
    .header-icn a {
	color: #000;
}
    .hero-content {
	max-width: 100%;
	margin: auto;
	margin-bottom: 83px;
}
  .service-content {
	max-width: 412px;
	margin-top: 25px;
} 
    .service-content h4 {
	font-size: 24px;
	margin-bottom: 15px;
}
    .tailor-lisi ul li span {
	font-size: 20px;
	font-weight: 700;
	display: block;
	padding-right: 5px;
}
   .tailor-lisi ul li {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 23px;
}
    .road-img span {
	font-size: 20px;
}
    .road-content {
	margin-top: 25px;
	text-align: center;
}
.ambs-wrap::before {
	display: none;
} 
    .contact-wrap {
	max-width: 100%;
	margin-left: 0;
	margin-bottom: 40px;
}
   
    .contact-sub {
	width: 100%;
	margin-left: 0;
	text-align: center;
}
    .contact-wrap h4 {
	font-size: 30px;
	line-height: 49px;
	margin-bottom: 3px;
}
    .contact-linl ul li a {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 17px;
} 
    .header-lf {
	display: none;
}
    .header-ri-fx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
    .header-lf.mobile-lf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
    .header-lf-btn {
	margin-top: 0;
}
 .bar{
    display: block;
} 
    .hero-content p {
	font-size: 16px;
	color: #000000;
	line-height: 27px;
}
.plan-content p {
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 18px;
} 
    .plan-wrap {
	text-align: center;
	max-width: 414px;
	margin: auto;
	margin-bottom: 40px;
}
    .servicde-single-item {
	width: 100%;
	margin-bottom: 40px;
}
  .service-fx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
	flex-wrap: wrap;
}  
    
 .news-title h2 {
	margin: 0;
	font-size: 30px;
}
    .buy-title p {
	font-size: 16px;
	line-height: 27px;
}
    .tailor-fx {
	display: block;
	align-items: center;
	justify-content: space-between;
}
    
 .road-single-item {
	width: 100%;
	margin-bottom: 30px;
} 
    .ambs-wrap {
	position: relative;
	height: auto;
	margin-bottom: 48px;
}
    .footer-widget {
	display: block;
	align-items: start;
	justify-content: space-between;
	max-width: 100%;
	margin: auto;
}
    .footer-single-widget {
	width: 100%;
}
    .footer-single-widget {
	width: 100%;
	margin-bottom: 30px;
}
    .footer-menu-widget {
	width: 100%;
	display: flex;
	align-items: start;
	justify-content: space-between;
}
    .ambas-area::before {
	width: 200px;
}
    .brand-fx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
    .help-content p {
	font-size: 16px;
	color: #777777;
	line-height: 24px;
	margin: 0;
}
    .road-title p {
	margin: 0;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}
    .road-fx2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	flex-wrap: wrap;
	margin: auto;
}
    .road-single-item.rd-wd {
	width: 100%;
}
    .smith-btn a {
	width: 100%;
	height: 59px;
	background: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	border: 2px solid transparent;
	transition: .3s;
	margin: auto;
}
    .contact-linl {
	margin-top: 35px;
}
    .sub-ti h4 {
	font-size: 30px;
	color: #FFFFFF;
	font-weight: 600;
	margin: 0;
}
    .single-form input {
	width: 100%;
	height: 56px;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 22px;
}
    .single-form button {
	width: 100%;
	height: 56px;
	border: 2px solid transparent;
	font-size: 16px;
	color: #000;
	border-radius: 2px;
}
    .header-lf-top.sub-link p {
	margin: 0;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	margin-right: 0;
        margin-bottom: 15px;
}
    .header-lf-top.sub-link {
	max-width: 100%;
	margin: auto;
	display: block;
	text-align: center;
}
    .header-icn {
	display: flex;
	align-items: center;
	justify-content: center;
}
    .servicde-single-item.it-wd {
	width: 100%;
}

     
     .plan-modal .modal-dialog {
	max-width: 350px;
	margin: 1.75rem auto;
}   
.plan-modal-content {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 26px;
	padding-bottom: 26px;
	padding-left: 15px;
	padding-right: 15px;
}
    .plan-modal-img img {
	margin: ;
	max-width: 82px;
}
    .plan-md-tx h4 {
	margin: 0;
	font-size: 21px;
	color: #fff;
	font-weight: 700;
}
    .cl h2 {
	font-size: 21px;
	color: #fff;
	font-weight: 700;
} 
    .plan-modal-content h4 {
	font-size: 25px;
	color: #000000;
	font-weight: 500;
	line-height: 48px;
}
    .plan-modal-content p {
	font-size: 14px;
	color: #000000;
	line-height: 19px;
}
.plan-modal-ftr {
	display: block;
	align-items: center;
	justify-content: space-between;
	background: #000;
	padding: 21px 33px;
	text-align: center;
}
    .modal-logo {
	margin: 21px 0;
}
  .header-lf.mobile-lf {
	display: flex;
}  
    
        .service-modal .modal-dialog {
	max-width: 350px;
	margin: 1.75rem auto;
} 
    .service-md-text {
	max-width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: 100px;
	padding: 0 30px;
}
    .service-md-img {
	width: 100% !important;
	height: auto;
	margin-bottom: 26px;
}
    .footer-.mt-ct h4 {
	margin: 0;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	font-weight: 700;
}  
    .footer-.mt-ct h4 img {
	max-width: 23px;
}
    .service-md-text h3 {
	font-size: 19px;
	color: #000000;
	line-height: 36px;
	font-weight: 700;
}
  .service-ftr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #000000;
	padding: 10px 18px;
}  
    .ftr-md-logo a img {
	max-width: 46px;
}
 .modal-content.ct-2 button {
	left: 23px;
	color: #ffff;
	border-color: #fff;
}   
    
    
    
 
}


/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

 
}