@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1614px) {
    .visible {
        display: none;
    }
	/*Class overwritten exclusivly for paypal buttons component*/
	.component-frame.visible {
		display: unset;
	}
}
@media only screen and (max-width: 1279px) {

	/*Report*/

	.report .btn{
		font-weight: 400;

	}
	.space p{
		font-weight: 300;
	}

	.service_center h2{
		padding-bottom:.5em;
	}

	/*1*/

	.btn_back .btn{
		font-weight: 400;
		font-size: .8em;
		width: 120%;
	}
	.basic_data .col-sm-3{
		padding: 0 1em 0 1em;
	}
	.seller .txt-right{
		padding-left:0;
	}

	/*2*/

	.form .no-flex{
		display:block;
		padding-right:1em;
		padding-left: 1em;
	}
	.summary{
		display: block;
		max-width:100%;
	}
	.categories{
		display: block;
		max-width:100%;
	}
	.problem_no li{
		float:left;
		padding-right: 2em;
	}
	br:not(.jumbotron br){
		display:none;
	}
	.extra_info br{
		display:inline-block;
	}
}
@media only screen and (max-width: 996px) {
	.contact_agreement .form-check-label{
		font-size:90%;
	}
}

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

	.serial_no {
		font-size: 1.2em;
	}
	.report .mod{
		font-size: 1.2em;
	}
	.report .btn{
		line-height: .9em;
	}
	.container{
		max-width: 140%;
	}
	/*2*/
	.category{
		line-height: 25px;
	}

	.problem_picking{
		margin-left: 2em;
		margin-right: 2em;

	}

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

	h1{
		font-weight: 300;
		font-size: 2em;
	}
	.header{
		padding-top: 5em;
	}

	/* Report */

	.main_report{
		font-size: .7em;
		font-width: 400;
	}
	.report .btn{
		border-radius: 0;
		box-shadow:none;
	}

	.link:hover::after {
		width: 0%;
		transition: width .3s;
	}

	/*1*/

	.pre_form{
		margin-left: 2em;
		margin-right: 2em;
	}

	/*2*/
	br{
		display: none;
	}
	.question .btn{
		font-size: 1em;
	}
	.question p{
		font-size: 1em;
	}

	/*4*/

	.text_space_visible br{
		display:block;
	}
	.btn_back .btn{
		font-weight: 400;
		line-height: 15px;
		width: 200%;
	}
	.btn_back p{
		padding-left:5px;
		padding-right:5px;
	}
}
@media only screen and (max-width: 937px) {
    .report .col-sm-6 p {
        line-height: normal;
    }
}
@media only screen and (max-width: 921px) {
	#line_hight{
		line-height:normal;
	}
}
@media only screen and (max-width: 776px) {
	.contact_agreement .form-check-label{
		font-size:85%;
	}
}
@media only screen and (max-width: 767px) {
	.banner{
		content:url("../img/main_mobile.png");
		width: 100%;
		height: auto;
	}
	h1{
		font-weight: 400;
		font-size: 3em;
	}
	.header{
		padding-top: 0;
	}
	.headline{
		padding-bottom: 2em;
	}

	/* Report */

	.q{
		line-height: 10px;
	}

	/* Service */

	.service_center{
		height:100%;
	}

	/* Contact */

	.contact_info h2{
		padding-left:1em;
		padding-right:1em;
	}
	.contact_info{
		height:100%;
	}

	/*1*/

	.form{
		margin-left: auto;
		margin-right: auto;
	}
	.basic_data .col-sm-6{
		flex:auto;
		padding-right:1em;
		padding-left: 1em;
	}
	.b_day{
		display:block;
		max-width: 100%;
	}
	.personalia{
		display:block;
		max-width: 100%;
	}
	.seller{
		display:block;
		max-width: 100%;
	}
	.hidden{
		display:none;
	}

	/*3*/

	.address_row>*{
		display:inline;
	}
	.address_row .col-md-4{
		width:50%;
	}
	.address_row .col-md-2{
		width:25%;
	}
	.personal_row>div:nth-last-of-type(-n+2){
		display:inline;
	}
	.personal_row .col-md-1{
		width:25%;
	}
	.personal_row .col-md-3{
		width:75%;
	}
	hr{
		width:100%;
	}
	.personal_form .report-empty_space{
		display: none;
	}

	/*4*/

	.btn_back .btn{
		width: 300%;
	}
}
@media only screen and (max-width: 685px) {
	.contact_agreement .form-check-label{
		font-size:100%;
	}
	.inline input[type="checkbox"] + label{
		display: inline-block;
	}
}
@media only screen and (max-width: 600px) {

	.margin:last-of-type .col-sm-3{
		padding-bottom:3em;
	}
}
@media only screen and (max-width: 593px) {
	.report .btn{
		height: 49px;
	}
}
@media only screen and (max-width: 575px) {
	h1{
		font-size: 2.5em;
		overflow: hidden;
	}
	.headline{
		padding-bottom: 0;
	}

	/* Report */

	.report .col-sm-6{
		padding:1em;
		padding-bottom:0;
		padding-top:0;
	}
	.form-group {
    margin-bottom: 1em;
	}
	.report .col-sm-2{
		padding:1em;
	}
	.report .col-sm-8{
		padding:1em;
	}
	.report_icons img {
		float: none;
 		display: block;
  		margin-left: auto;
  		margin-right: auto;
		padding-bottom: 1em;
	}
	.space .col-sm-3{
		padding-bottom: 1em;
	}
	.q{
		text-align: center;
	}
	.report .btn{
		line-height: .7em;
		height: 39px;
	}

	/* Service */

	.left_section{
		padding-right:0;
		margin-bottom: 10px;
		width:100%;
		max-width:100%;
	}
	.service_center .col-sm-3{
		display:inline;
		width: 75%;
	}
	.service_center .col-sm-1{
		display:inline;
		width: 25%;
	}
	.margin {
		margin:0 auto;
		width: 50%;
	}
	.service_center .col-sm-6{
		padding-bottom: 2em;
	}
	.service_center h2{
		padding-bottom:.1em;
	}

	/* Contact */

	.right_section{
		width:100%;
		padding-left:0;
	}
	.contact_info .col-sm-5{
		width:52%;
		padding-right: 5px;
	}
	.contact_info .col-sm-4{
		width:35%;
		padding-left: 5px;
	}

	/*1*/

	.tech_support_one .row{
		margin-left:auto;
		margin-right: auto;
	}
	.basic_data .col-sm-6{
		padding-right:.05em;
		padding-left: .05em;
	}
	.tech_support_one ol{
		padding-left:1em;
		margin-bottom: 0;
	}
	.pre_form  .col-sm-8{
		padding-top:0;
		padding-bottom:0;
	}
	.personalia .col-sm-3{
		display: inline;
		width: 37.5%;
	}
	.personalia .col-sm-2{
		display: inline;
		width: 25%;
	}
	.seller .col-sm-6{
		display: inline;
		width: 60%;
	}
	.seller .col-sm-2{
		display: inline;
		width: 20%;
	}
	.b_day .report{
		height: 120px;
	}
	.b_day p{
		text-align: center;
	}
	.b_day input {
		width: 50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2em;
	}
	.onsite{
		float:right;
		width:50%;
	}
	.onsite p{
		line-height: 2.2em;
	}
	.onsite_icon{
		float:left;
		width:50%;
	}
	.txt_header{
		text-align: center;
	}
	.seller .col-sm-6{
		width: 60%;
	}
	.seller .col-sm-2{
		width: 20%;
	}

	/*2*/

	.category_buttons .col-sm-4:not(:last-child){
	padding-bottom: 1em;
	}
	.category_buttons .col-sm-3:not(:last-child){
	padding-bottom: 1em;
	}
	.problem_no img{
		display:inline;
	}

	/*4*/

	.del_icon img{
		float:none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom:1em;
	}

	.btn_back .btn{
		width: 100%;
	}
	.personalia .col-sm-3{
		padding:1em;
	}
	.report .report-empty_space{
		display:none;
	}
}
@media only screen and (max-width: 493px) {
	.report .col-sm-6{
		line-height: normal;
	}
	.custom-file-upload{
		margin-top:1em;
	}
	#line_hight{
		overflow-wrap: break-word;
		padding-left:1.5em;
	}
}
@media only screen and (max-width: 300px) {
    .personalia {
        font-size: 75%;
        font-weight: 300;
    }

    .personalia .col-sm-3 {
        width: 33%;
    }

    .personalia .col-sm-2 {
        width: 33%;
    }

    .seller {
        font-size: 75%;
        font-weight: 300;
    }
}