@media only screen and (max-width: 1400px){
	#favoriteSelectionArea .favorite-selection-item{
	    display: block;
	}

	#favoriteSelectionArea .favorite-selection-item .item {
	    display: block;
	}

	#favoriteSelectionArea .favorite-selection-item .item .phone-frame-favorite{
	    margin: 0 auto;
	}

	
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {

	.laptop-header-nav .item {
	    font-size: 7px;
	    margin-left: 9px;
	}

	.laptop-content-1 {
	    height: 35%;
	    top: 13%;
	}

	.laptop-content-2 {
	    height: 22%;
	    top: 13%;
	}

	.gallery-content-area-img {
	    top: 11%;
	    left: 34%;
	}

	.form-check-gradient{
		margin-top: 100px;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.suggestion {
	    width: 50%;
	}

	.laptop-header {
	    height: 10%;
	    top: 7%;
	}

	.laptop-header-logo {
	    font-size: 15px;
	}

	.laptop-header-nav {
	    left: 23%;
	}

	.laptop-header-nav .item {
	    font-size: 7px;
	    margin-left: 7px;
	}

	.laptop-header-button {
	    left: 27%;
	}

	.laptop-content-1 {
	    height: 30%;
	    top: 8%;
	}

	.laptop-content-area-img-i {
	    font-size: 160%;
	}

	.laptop-content-area-text {
	    font-size: 44%;
	}

	.laptop-content-2 {
	    height: 19%;
	    top: 8%;
	}

	.form-check-gradient{
		margin-top: 0px;
	}


	.laptop-bg-color {
	    height: 74%;
	    top: 7%;
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 992px) {
	.suggestion {
	    width: 100%;
	}

	.laptop-header {
	    height: 8%;
	    top: 5%;
	}

	.laptop-header-logo {
	    font-size: 12px;
	}

	.laptop-header-nav {
	    left: 17%;
	}

	.laptop-header-nav .item {
	    font-size: 6px;
	    margin-left: 3px;
	}

	.laptop-header-button {
	    left: 21%;
	}

	.laptop-content-1 {
	    height: 21%;
	    top: 6%;
	}

	.laptop-content-area-img-i {
	    font-size: 100%;
	}

	.laptop-content-area-text {
	    font-size: 33%;
	}

	.laptop-content-2 {
	    height: 13%;
	    top: 6%;
	}

	.form-check-gradient{
		margin-top: 0px;
	}

	.laptop-bg-color {
	    height: 54%;
	    top: 4%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {

	.laptop-header {
	    height: 10%;
	    top: 7%;
	}

	.laptop-header-logo {
	    font-size: 15px;
	}

	.laptop-header-nav {
	    left: 23%;
	}

	.laptop-header-nav .item {
	    font-size: 7px;
	    margin-left: 7px;
	}

	.laptop-header-button {
	    left: 25%;
	}

	.laptop-content-1 {
	    height: 29%;
	    top: 8%;
	}

	.laptop-content-area-img-i {
	    font-size: 114%;
	}

	.laptop-content-area-text {
	    font-size: 44%;
	}

	.laptop-content-2 {
	    height: 17%;
	    top: 8%;
	}

	.form-check-gradient{
		margin-top: 0px;
	}

	.laptop-bg-color {
	    height: 77%;
	    top: 8%;
	}

}

@media only screen and (min-width: 360px) and (max-width: 480px) {
	.laptop-header {
	    height: 7%;
	    top: 5%;
	}

	.laptop-header-logo {
	    font-size: 9px;
	}

	.laptop-header-nav {
	    left: 14%;
	}

	.laptop-header-nav .item {
	    font-size: 4px;
	    margin-left: 7px;
	}

	.laptop-header-button {
	    left: 25%;
	}

	.laptop-content-1 {
	    height: 20%;
	    top: 5%;
	}

	.laptop-content-area-img-i {
	    font-size: 82%;
	}

	.laptop-content-area-text {
	    font-size: 33%;
	}

	.laptop-content-2 {
	    height: 12%;
	    top: 5%;
	}

	.form-check-gradient{
		margin-top: 0px;
	}

	.laptop-bg-color {
	    height: 56%;
	    top: 4%;
	}
}

@media only screen and (max-width: 360px) {

	.laptop-header {
	    height: 7%;
    	top: 3%;
	}

	.laptop-header-logo {
	    font-size: 9px;
	}

	.laptop-header-nav {
	    left: 14%;
	}

	.laptop-header-nav .item {
	    font-size: 4px;
	    margin-left: 7px;
	}

	.laptop-header-button {
	    left: 18%;
	}

	.laptop-content-1 {
	    height: 17%;
	    top: 4%;
	}

	.laptop-content-area-img-i {
	    font-size: 82%;
	}

	.laptop-content-area-text {
	    font-size: 33%;
	}

	.laptop-content-2 {
	    height: 10%;
    	top: 4%;
	}

	.form-check-gradient{
		margin-top: 0px;
	}

	.laptop-bg-color {
	    height: 48%;
	    top: 4%;
	}
}

@media only screen and (max-width: 768px) {

	.phone-frame {
	    margin: 0 auto;
	}

	.gradient-radio-area {
	    margin-left: 0px;
	} 

	.suggestion {
	    width: 100%;
	}

}