.form-message.success {
            padding: 10px;
            color: #fff;
            background: #4caf50;
            text-align: center;
        }

        .form-message.error {
            padding: 10px;
            color: #fff;
            background: #f44336;
            text-align: center;
        }

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

         .col-xs-12{
             width:100%;
         }
         .layer-ttl h3 {
             font-size: 20px;
             }
             .plink a {

    font-size: 12px;
}
.plink {

    padding: 12px 0 15px 0;
}
  .layer-ttl h3{
      padding: 12px 5px 15px 5px;
  }
}
.feature-block span a{
    color:#fff;
    font-weight: 900;
}
.flex-control-nav{
    display: none;
}
.formhead{
    background:
red;
text-align: center;
color:
#fff;
font-weight: 900;
}
.form-title{
    border-bottom: 2px solid white;
    font-weight: 900;
    padding-bottom: 10px;
}
.form-control{
    height:50px;
}
select.form-control:not([size]):not([multiple]) {
    height: 50px;
}
.close{
    font-size: 38px;
}
 form {
     background:#e3e3e3;
    padding: 10px 30px;
    }

form div {
  margin-bottom: 0.5em;
}
.function-time{
    font-size: 10px;
color:
#797979;
text-align: left;
}
form div label,
form div input {
  display: block;
  margin-bottom: 0.3em;
  font-size: 18px;
}
.modal-header{
    background:red;
}
.modal-body{
    padding:0;
}
.form-control{
    font-size: 18px;
}
.btn-info {
    background: #17a2b8;
border-color:#17a2b8;
}
.flex-viewport{
    height: 550px;
}
.flexslider{
     height: 550px;
}
.theme-flexslider-container{
     height: 550px;
     overflow: hidden;
}
.card-title {

    font-size: 15px;
}


.clock {
  width: 70px;
  height: 70px;
  border: 1px solid #000;
  background: #000;
  border-radius: 50%;

  position: relative;
  padding: 1rem;
  box-shadow: 0 20px 30px rgba(104,75,106,0.65);
  -webkit-box-shadow: 0 20px 30px rgba(104,75,106,0.65);
  -moz-box-shadow: 0 20px 30px rgba(104,75,106,0.65);
}

.large-clock-face {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #F6DDDF;
  box-shadow: 0 20px 10px rgba(62,47,63,0.25);
  -webkit-box-shadow: 0 20px 10px rgba(62,47,63,0.25);
  -moz-box-shadow: 0 20px 10px rgba(62,47,63,0.25);
  overflow: hidden;
}

.large-clock-face .num {
  position: absollute;
  color: #687A80;
}

span {
  display: inline-block;


  font-size: 20px;
  font-weight: 900;
  z-index: 10;
}

.large-clock-face .hr12 {
  top:-2px;
  left: 60%;
  margin-left: -9px;
}

.large-clock-face .hr3 {
  top: 15px;
  right: 0px;
}

.large-clock-face .hr6 {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}

.large-clock-face .hr9 {
  top: 12px;
  left: 0px;
}

.large-clock-face::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg)
}

.large-clock-face::before,
.large-clock-face::after,
.large-clock-face .markings {
  content: '';
  position: absolute;
  z-index: 0;
  width: 5px;
  height: 100%;
  background: #B9C6CA;
  left: 50%;
}

.large-clock-face .markings {
  width: 2px;
  background: #B9C6CA;
}

.large-clock-face .markings.marking1 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg);
}

.large-clock-face .markings.marking2 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
}

.large-clock-face .markings.marking3 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  transform: rotate(120deg);
}

.large-clock-face .markings.marking4 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  transform: rotate(150deg);
}

.small-clock-face {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background: #f7f7f7;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}

.small-clock-face::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  margin-left: -4.5px;
  margin-top: -3px;
  z-index: 10;
}

.hand {
  position: absolute;
  width: 40%;
  height: 5px;
  top: 50%;
  right: 50%;
  border-radius: 6px;
  background: #687A80;
  transform-origin: 100%;
  transform: rotate(90deg);
  transition-timing-function: cubic-bezier(0, 1.84, 0, 2.38);
}

.hand.hourHand {
  width: 30%;
  z-index: 3;
}

.hand.minHand {
  height: 3px;
  z-index: 10;
  width: 40%;
}

.hand.secondHand {
  background: #DE7777;
  width: 40%;
}

.anasayfa_fuar{
    height: 110px;
    overflow: hidden;
}

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

}

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

}

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

}

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

}

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

}   

@media only screen and (max-width: 991px) {
    .modal-lg {
        max-width: 650px;
    }
    .theme-block-picture {
    height: 238px;
    }
    .anasayfa_fuar {
    height: 238px;
    }
} 

@media only screen and (max-width: 767px) {
        .theme-block-picture {
    height: 471px;
    }
    .anasayfa_fuar {
    height: 471px;
    }
    .blog-card-ttl h3 a {
    font-size: 18px;
    }
}


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

}

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

}

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

}

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

}

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

}