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

    
    .header-ri-fx {
        width: 800px;
    }
    .header-link a {
        font-size: 25px;
    }
    .header-link a img {
        max-width: 23px;
        top: 0;
    }
    .tty {
        padding-left: 39px !important;
    }
    .header-logo a img {
        max-width: 270px;
    }
    .hero-wrap {
        float: right;
        width: 100%;
    }
    
    .hero-content h4 {
        font-size: 50px;
        line-height: 58px;
        margin-bottom: 27px;
    }
    .hero-content p {
        font-size: 17px;
        line-height: 28px;
    }

    .local-fx {
        width: auto;
    }
    .local-content-wp {
        width: auto;
    }
    .car-content-tx {
        width: 600px;
    }
    .contact-map {
        width: 380px;
    }
    .contact-mid-fx {
        width: 770px;
    }
    .contact-formn {
        width: 417px;
    }





    .hero-content.hrro-tx h4 {
        font-size: 65px;
    }
    .hero-content.hrro-tx h5 {
        font-size: 36px;
        line-height: 41px;
    }
    .single-info span {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    .single-info a {
        font-size: 30px;
    }
    .single-info {
        width: 600px;
        margin-bottom: 35px;
    }
    .single-car img {
        max-width: 50%;
    }
    .car-sp img {
        max-width: 180px;
    }



    .great-title h4 {
        font-size: 50px;
        margin-bottom: 24px;
    }
    .single-great a {
        font-size: 25px;
        line-height: 28px;
    }
    .single-great span {
        width: 40PX;
        height: 40PX;
        font-size: 17px;
        margin-right: 15px;
    }
    .pay-title h4 {
        font-size: 50PX;
        margin-bottom: 21px;
    }
    .pay-box {
        width: auto;
        padding: 21px 35px;
}
.pay-btn a {
	width: 502px;
	height: 107px;
	font-size: 57px;
}
.pay-btn {
	width: auto;
	margin-bottom: 30px;
}


.hero-reg input {
	width: 100%;
	height: 110px;
	background: #FFD204;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 22px;
	border: 3px solid #ffff;
	font-size: 46px;
	color: #515151;
	font-weight: 600;
	trxt-tr: ;
	text-transform: uppercase;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	padding: 0 15px;
}
    
}

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

      
    .header-ri-fx {
        width: 640px;
    }
    .header-link a {
        font-size: 18px;
    }
    .header-link a img {
        max-width: 23px;
        top: 0;
    }
    .tty {
        padding-left: 39px !important;
    }
    .header-logo a img {
        max-width: 270px;
    }
    .hero-wrap {
        float: right;
        width: 100%;
    }
    .hero-reg a {
        width: 100%;
        height: 110px;
        border-radius: 22px;
        font-size: 41px;
        font-weight: 600;
    }
    .hero-content h4 {
        font-size: 35px;
        line-height: 44px;
        margin-bottom: 20px;
    }
    .hero-content p {
        font-size: 14px;
        line-height: 26px;
    }

    .local-fx {
        width: auto;
    }
    .local-content-wp {
        width: auto;
    }
    .car-content-tx {
        width: 540px;
    }
    .contact-map {
        width: 700px;
        margin: auto;
        margin-bottom: 40px;
    }
    .contact-mid-fx {
        width: 100%;
    }
    .contact-formn {
        width: 50%;
    }
    .ttr {
        font-size: 18px !important;
    }
    .header-icon a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 17px;
        margin-left: 12px;
    }
    .hero-reg {
        margin-bottom: 25px;
    }

    .local-single {
        width: 220px;
        height: 220px;
    }

    .local-icon a img {
        max-width: 60px;
    }
    .local-content h4 {
        font-size: 24px;
        line-height: 28px;
    }
    .local-image {
        width: 390px;
        text-align: center;
    }
    .car-content-tx p {
        font-size: 15px;
        line-height: 31px;
    }
    .contect-fx {
        display: block;
        justify-content: space-between;
    }
    .contact-mid-content {
        width: 50%;
    }
    .footer-mid-single {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .footer-content {
        width: 50%;
    }
    .footer-widget {
        width: 100%;
    }
    .contact-mid-content.ftr {
        width: 45%;
    }
    .footer-aera {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .header-aera {
        border-top: 14px solid #FFD204;
    }
    .my-modal .modal-dialog {
        max-width: 850px !important;
    }
    .modal-box {
        width: 700px;
    }
    .modal-box-tex p {
        font-size: 15px;
    }
    .single-form input {
        width: 420px;
        height: 50px;
    }
    .single-form label {
        padding-right: 29px;
        width: 150px;
        font-size: 20px;
    }
    .thanks-txt p {
        font-size: 15px;
    }




    .hero-content.hrro-tx h4 {
        font-size: 50px;
    }
    .hero-content.hrro-tx h5 {
        font-size: 28px;
        line-height: 32px;
    }
    .single-info span {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    .single-info a {
        font-size: 30px;
    }
    .single-info {
        width: 438px;
        margin-bottom: 11px;
    }
    .single-car img {
        max-width: 50%;
    }
    .car-sp img {
        max-width: 180px;
    }
    .header-ri-fx.next {
        width: 689px;
    }
    .single-info a {
        font-size: 21px;
        line-height: 33px;
    }
    .sell-btn {
        width: 481px;
        height: 77px;
        border-radius: 20px;
        margin-left: 30px;
        font-size: 27px !important;
    }
    .local-aera {
        padding-bottom: 30px;
    }
    .bg {
        height: 46px;
    }




    .great-title h4 {
        font-size: 35px;
        margin-bottom: 17px;
    }
    .single-great a {
        font-size: 18px;
        line-height: 21px;
    }
    .single-great span {
        width: 40PX;
        height: 40PX;
        font-size: 17px;
        margin-right: 15px;
    }
    .pay-title h4 {
        font-size: 35PX;
        margin-bottom: 19px;
    }
    .pay-box {
        width: auto;
        padding: 21px 35px;
}
.pay-btn a {
	width: 100%;
	height: 63px;
	font-size: 39px;
}
.pay-btn {
	width: auto;
	margin-bottom: 30px;
}
.single-great {
	margin-bottom: 15px;
}
.pay-text p br {
	display: none;
}
.pay-text p {
	font-size: 14px;
	line-height: 22px;
}
.sell-img {
	width: 65px;
	height: 65px;
}

.sel-btns a {
	width: 190px;
	height: 54px;
	font-size: 18px;
}
.Great-area {
	padding-top: 50px;
}

.hero-reg input {
	width: 100%;
	height: 110px;
	background: #FFD204;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 22px;
	border: 3px solid #ffff;
	font-size: 40px;
	color: #515151;
	font-weight: 600;
	trxt-tr: ;
	text-transform: uppercase;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	padding: 0 15px;
}
    
    
    
    
    
    
    
    
    
    




    
}

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

 
    .header-ri-fx {
        width: 490px;
    }
    .header-link a {
        font-size: 14px;
    }
    .header-link a img {
        max-width: 18px;
        top: -2px;
    }
    .tty {
        padding-left: 31px !important;
    }
    .header-logo a img {
        max-width: 200px;
    }
    .hero-wrap {
        float: right;
        width: 100%;
    }
    .hero-reg a {
        width: 100%;
        height: 80px;
        border-radius: 22px;
        font-size: 28px;
        font-weight: 600;
    }
    .hero-content h4 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .hero-content p {
        font-size: 14px;
        line-height: 26px;
    }

    .local-fx {
        width: auto;
    }
    .local-content-wp {
        width: auto;
        display: block;
        text-align: center;
    }
    .car-content-tx {
        width: 100%;
    }
    .contact-map {
        width: 700px;
        margin: auto;
        margin-bottom: 40px;
    }
    .contact-mid-fx {
        width: 100%;
    }
    .contact-formn {
        width: 50%;
    }
    .ttr {
        font-size: 14px !important;
        top: -2px;
    }
    .header-icon a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        margin-left: 9px;
    }
    .hero-reg {
        margin-bottom: 25px;
    }

    .local-single {
        width: 180px;
        height: 180px;
    }

    .local-icon a img {
        max-width: 60px;
    }
    .local-content h4 {
        font-size: 17px;
        line-height: 20px;
    }
    .local-icon {
        margin-bottom: 8px;
    }
    .local-image {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .car-content-tx p {
        font-size: 15px;
        line-height: 31px;
    }
    .contect-fx {
        display: block;
        justify-content: space-between;
    }
    .contact-mid-content {
        width: 50%;
    }
    .footer-mid-single {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .footer-content {
        width: 50%;
    }
    .footer-widget {
        width: 100%;
    }
    .contact-mid-content.ftr {
        width: 45%;
    }
    .footer-aera {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .header-aera {
        border-top: 8px solid #FFD204;
        padding: 20px;
    }
    
    .hero-aera {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .hero-content {
        text-align: center;
        margin-bottom: 40px;
    }
    .sent-fx p {
        font-size: 14px;
    }
    .sent-fx a {
        width: 150px;
        height: 45px;
        font-size: 15px;
    }
    .slider-wra {
        width: 288px;
    }
    
    .slider-aera {
        padding: 40px 0;
    }
    .footer-content h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 14px;
    }
    .footer-aera {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #test {
        height: 300px;
    }
    .contact-item input {
        height: 45px;
    }
    .contact-item textarea {
        width: 100%;
        height: 100px;
    }
    


    .my-modal .modal-dialog {
        max-width: 700px !important;
    }
    .modal-box {
        width: 600px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .modal-box-tex p {
        font-size: 15px;
    }
    .single-form input {
        width: 420px;
        height: 50px;
    }
    .single-form label {
        padding-right: 29px;
        width: 150px;
        font-size: 20px;
    }
    .thanks-txt p {
        font-size: 15px;
    }
    .sub-btn a {
        width: 210px;
        height: 52px;
    }
    .modal-title a img {
        max-width: 203px;
    }
    .modal-title {
        padding: 20px 0;
    }
    .modal-content button {
        height: 40px;
        width: 40px;
        top: 7px;
        right: 55px;
        font-size: 33px;
}














.hero-content.hrro-tx h4 {
    font-size: 35px;
}
.hero-content.hrro-tx h5 {
    font-size: 20px;
    line-height: 27px;
}
.single-info span {
    width: 50px;
    height: 50px;
    font-size: 24px;
}
.single-info a {
    font-size: 30px;
}
.single-info {
    width: 438px;
    margin-bottom: 11px;
}
.single-car img {
	max-width: 50%;
}
.car-sp img {
    max-width: 180px;
}
.header-ri-fx.next {
    width: 491px;
}
.single-info a {
    font-size: 21px;
    line-height: 33px;
}
.sell-btn {
	width: 311px;
	height: 60px;
	border-radius: 20px;
	margin-left: 37px;
	font-size: 23px !important;
}
.local-aera {
    padding-bottom: 30px;
}
.bg {
    height: 46px;
}






.great-title h4 {
	font-size: 28px;
	margin-bottom: 15px;
}
.single-great a {
    font-size: 18px;
    line-height: 21px;
}
.single-great span {
    width: 40PX;
    height: 40PX;
    font-size: 17px;
    margin-right: 15px;
}
.pay-title h4 {
	font-size: 28PX;
	margin-bottom: 19px;
}
.pay-box {
    width: auto;
    padding: 21px 35px;
}
.pay-btn a {
width: 100%;
height: 63px;
font-size: 39px;
}
.pay-btn {
width: auto;
margin-bottom: 30px;
}
.single-great {
margin-bottom: 15px;
}
.pay-text p br {
display: none;
}
.pay-text p {
font-size: 14px;
line-height: 22px;
}
.sell-img {
width: 65px;
height: 65px;
}

.sel-btns a {
width: 190px;
height: 54px;
font-size: 18px;
}
.Great-area {
padding-top: 50px;
}
.great-wrap {
	margin-bottom: 50px;
}
.sell-fx {
	width: 400px;
	margin: auto;
}
  .hero-reg input {
	width: 725px;
	height: 90px;
	background: #FFD204;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 22px;
	border: 3px solid #ffff;
	font-size: 50px;
	color: #515151;
	font-weight: 600;
	text-transform: uppercase;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	padding: 0 15px;
} 

.footer-mid-link-wp {
	padding-left: 0;
}


    
    
    
}
 

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


    .header-ri-fx {
        width: 100%;
        display: block;
    }
    .header-link a {
        font-size: 14px;
    }
    .header-link a img {
        max-width: 18px;
        top: -2px;
    }
    .tty {
        padding-left: 31px !important;
    }
    .header-logo a img {
        max-width: 140px;
    }
    .hero-wrap {
        float: right;
        width: 100%;
    }
    .hero-reg a {
        width: 100%;
        height: 60px;
        border-radius: 22px;
        font-size: 20px;
        font-weight: 600;
    }
    .hero-content h4 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 13px;
    }
    .hero-content p {
        font-size: 14px;
        line-height: 22px;
    }

    .local-fx {
        width: auto;
        display: block;
    }
    .local-content-wp {
        width: auto;
        display: block;
        text-align: center;
    }
    .car-content-tx {
        width: 100%;
    }
    .contact-map {
        width: 100%;
        margin: auto;
        margin-bottom: 40px;
    }
    .contact-mid-fx {
        width: 100%;
        display: block;
    }
    .contact-formn {
        width: 100%;
    }
    .ttr {
        font-size: 14px !important;
        top: -2px;
    }
    .header-icon a {
        width: 25px;
        height: 25px;
        line-height: 27px;
        font-size: 13px;
        margin-left: 4px;
    }
    .hero-reg {
        margin-bottom: 25px;
    }

    .local-single {
        width: 140px;
        height: 140px;
        margin-bottom: 20px !important;
        margin: auto;
    }

    .local-icon a img {
        max-width: 41px;
    }
    .local-content h4 {
        font-size: 14px;
        line-height: 14px;
    }
    .local-icon {
        margin-bottom: 8px;
    }
    .local-image {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .car-content-tx p {
        font-size: 14px;
        line-height: 24px;
    }
    .contect-fx {
        display: block;
        justify-content: space-between;
    }
    .contact-mid-content {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-mid-single {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .footer-content {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-widget {
        width: 100%;
        display: block;
    }
    .contact-mid-content.ftr {
        width: 100%;
    }
    .footer-aera {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .header-aera {
        border-top: 8px solid #FFD204;
        padding: 20px;
    }
    
    .hero-aera {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .hero-content {
        text-align: center;
        margin-bottom: 40px;
    }
    .sent-fx p {
        font-size: 14px;
    }
    .sent-fx a {
        width: 150px;
        height: 45px;
        font-size: 15px;
    }
    .slider-wra {
        width: 100%;
        padding: 0 15px;
    }
    
    .slider-aera {
        padding: 40px 0;
    }
    .footer-content h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 14px;
    }
    .footer-aera {
        padding-top: 40px;
        padding-bottom: 0;
    }
    #test {
        height: 300px;
    }
    .contact-item input {
        height: 45px;
    }
    .contact-item textarea {
        width: 100%;
        height: 100px;
    }
    .header-icon.posi {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .header-fx {
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    .header-logo {
        padding-top: 25px;
    }
    .hero-content p br {
        display: none;
    }
    .hefro-btn a {
        width: 100%;
        height: 50px;
        font-size: 18px;
    }
    .local-aera {
        padding-bottom: 40px;
        margin-top: -20px;
    }
    .contact-area {
        padding: 40px 0;
    }
    .slider-aera::before {
        display: none;
    }




    .my-modal .modal-dialog {
        max-width: 350px !important;
    }
    .modal-box {
        width: 330px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }
    .modal-box-tex p {
        font-size: 15px;
    }
    .single-form input {
        width: 420px;
        height: 50px;
    }
    .single-form label {
        padding-right: 0;
        width: auto;
        font-size: 17px;
        text-align: left;
    }
    .thanks-txt p {
        font-size: 15px;
    }
    .sub-btn a {
        width: 210px;
        height: 46px;
        font-size: 18px;
    }
    .modal-title a img {
        max-width: 163px;
    }
    .modal-title {
        padding: 20px 0;
    }
    .modal-content button {
        height: 30px;
        width: 30px;
        top: 7px;
        right: 16px;
        font-size: 25px;
    }
.single-form input {
	width: 100%;
	height: 40px;
}
.single-form {
	margin-bottom: 17px;
}


.hero-content.hrro-tx h4 {
	font-size: 28px;
}
.hero-content.hrro-tx h5 {
	font-size: 18px;
	line-height: 25px;
}
.single-info span {
	width: 30px;
	height: 30px;
	font-size: 19px;
}
.single-info a {
    font-size: 30px;
}
.single-info {
	width: 100%;
	margin-bottom: 11px;
}
.single-car img {
	max-width: 50%;
}
.car-sp img {
	max-width: 85px;
}
.header-ri-fx.next {
    width: 100%;
}
.single-info a {
	font-size: 17px;
	line-height: 21px;
}
.sell-btn {
	width: 297px;
	height: 51px;
	border-radius: 20px;
	margin-left: 32px;
	font-size: 17px !important;
}
.local-aera {
    padding-bottom: 30px;
}
.bg {
    height: 46px;
}
.header-icon.ttyg {
	position: absolute;
	bottom: 0;
	right: 0;
}
.sell-information {
	width: 100%;
	margin-top: 18px;
}
.ttre {
	font-size: 21px !important;
}






.great-title h4 {
	font-size: 28px;
	margin-bottom: 15px;
}
.single-great a {
	font-size: 15px;
	line-height: 21px;
}
.single-great span {
    width: 40PX;
    height: 40PX;
    font-size: 17px;
    margin-right: 15px;
}
.pay-title h4 {
	font-size: 28PX;
	margin-bottom: 19px;
}
.pay-box {
	width: auto;
	padding: 21px 35px;
}
.great-pay {
	margin-top: 100px;
}
.pay-btn a {
width: 100%;
height: 55px;
font-size: 28px;
}
.pay-btn {
width: auto;
margin-bottom: 30px;
}
.single-great {
	margin-bottom: 10px;
}
.pay-text p br {
display: none;
}
.pay-text p {
font-size: 14px;
line-height: 22px;
}
.sell-img {
width: 40px;
height: 40px;
}

.sel-btns a {
width: 145px;
height: 43px;
font-size: 14px;
}
.Great-area {
padding-top: 50px;
height: 100vh;
}
.great-wrap {
	margin-bottom: 50px;
}
.sell-fx {
	width: 100%;
	margin: auto;
}
.single-great span {
	width: 30PX;
	height: 30PX;
	font-size: 11px;
	margin-right: 7px;
}
  .header-fx.ttrt {
	display: none;
}  
.header-logo.blcd {
	text-align: center;
	padding-top: 0;
	margin-bottom: 14px;
}    
 .header-link.mbl-link {
	text-align: center;
}   
    
  .header-link a img {
	max-width: 18px;
	top: -2px;
	left: 0 !important;
}  
    
 .ttr.ttyu img {
	position: absolute;
	top: 5px !important;
	left: 22px !important;
}
 .hero-reg input {
	width: 100%;
	height: 80px;
	font-size: 30px;
	padding: 0 15px;
}   
 .hefro-btn {
	width: 100%;
	margin: auto;
}   
.Great-area {
	padding-top: 50px;
	height: 100%;
}    
  .great-pay {
	margin-top: 0;
}  
 .tty img {
	position: absolute;
	left: -3px !important;
}   
    
  .footer-mid-link-wp {
	padding-left: 0;
}  
    
.mobile-srrn {
	display: block;
}    
.header-link a.tty.ttyr img {
	max-width: 18px;
	top: -2px;
	left: 85px !important;
} 
    
    
    
    
    
    
  

}





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

 
    
 
}