body {
		  font-family: 'Roboto', sans-serif;
	  }   
	  

.loading {
    background-image: url(img/loading.gif);
    background-color: rgba(0,0,0, 0.8);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9999;
}

.widget-header-div {
  display: flex;
  flex-wrap: wrap;
}


    .order-preview {
      background-color: #fff;
      padding: 15px;
      border: 1px solid #ddd;
      margin-top: 20px;
	  font-size: 13px;
	  padding-left:30px;
	  padding-right:30px;
    }
	 
	  .order-preview span {
		  display: block;
		  font-size: 30px;
		  font-weight: 300;
	  }
      
      .form-control {
          padding:10px;
		  height: 50px;
          border-radius: 0px;
      }
      
      .btnSubmit {
		margin-top: 20px;
		display: inline-block;
		font-weight: 700;
		font-size: 15px;
		color: #ffffff;
		text-decoration: none;
		background-color: #27507f;
		padding: 10px 25px 10px 25px;
		-webkit-transition: 0.7s;
		-o-transition: 0.7s;
		transition: 0.7s;
		border-radius: 0px;
      }
      
      .formCol {
          min-height: 100vh;
          padding-right: 100px;
          padding-top:20px;
          padding-left:100px;
      }
      
      .sonucCol {
          background-color:#f5f5f5;
          border-left:1px solid #B5B5B5;
          min-height: 100vh;
          padding-left:100px;
          padding-right: 100px;
          padding-top:20px;
      }
      
      h2 {
		  font-size: 30px;
          padding-bottom:20px;
		  font-weight: 900;
      }
	  
	  .productItem {
		  margin-top:10px;
		  margin-bottom:10px;
		  border:1px solid #ddd;
	  }
	  
	  .productItemTxt {
		  margin-top:18px;
		  font-size: 15px;
		  font-weight: 300;
	  }
	  
	  .form-col {
		  padding-left:0px;
		  padding-right: 15px;
	  }

	.form-group a {
		font-size: 12px;
	}

	.form-group p {
		font-size: 10px;
		padding-top:20px;
		padding-bottom:20px;
	}


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

}

@media only screen and (max-width : 1100px) {
    
	.formCol {
		min-height: 100vh;
		padding-right: 30px;
		padding-left: 30px;
	}	

	.sonucCol {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.widget-header-div {
		display: contents;
		flex-wrap: wrap;
	}
	
	.btnSubmit {
		margin-bottom:50px;
	}
	
}

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

}


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


}


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

	
}


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

	
}

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

		
	
}

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


}


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



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}