@media only screen and (max-width:1690px){
    .clay.arts{padding: 76px 80px;}
}
@media only screen and (max-width:1450px){
  .clay.arts p {max-width:100%;} 
    /*.clay.arts {padding: 90px 0px 0px 25px;}*/
    .heritage-lt{padding: 0px 20px!important;}
    .clay h3 {font-size: 39px;}
    .heritage-rt figure img{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); object-fit:cover; max-width: none; max-height: 100%;}
}
@media only screen and (max-width:1350px){
   .clay p br{display: none;}
    .slick-prev:before{font-size: 110px;}
    .slick-next:before{font-size: 110px;}
}


@media only screen and (max-width:1152px){
    .container {padding: 0 15px;}
    .navbar-nav li {padding: 0 12px 0 12px;}
    .navbar-nav li a {font-size: 14px;}
    .clay p br{display: none;}
    .clay p {font-size: 18px; letter-spacing: 0.6px;}
    .heritage-lt {padding:0;}
    .clay {padding: 40px 33px 40px 20px;}
    .clay h3 {font-size: 30px; line-height: 30px;}
    .clay.arts p {font-size: 18px; letter-spacing: -0.6px;}
    .clay.arts {padding: 40px 15px 40px 30px;}
    .circle.wood {left: -28.5px; width: 57px;}
    .welcome {padding: 35px 0 0 0px;}
    .welcome-in {padding: 0 0 50px 0;}
    .welcome-in h5 {font-size: 17px;}
    .calendar {padding: 30px 0 50px 0;}
    .event-in {padding: 70px 0 0 0px;}
    .contri-in {padding: 40px 0 60px 0;}
    .footer-top-in {padding: 40px 0 0 15px;}
    .social {padding: 32px 6px 50px 0px;}
    .navbar-nav > li.drop-arw > a:after {right: -3px;}
    .slick-prev:before{font-size: 75px;}
    .slick-next:before{font-size: 75px;}
    .slick-prev{left: 30px;}
    .slick-next{right: 30px;}
    
}

@media only screen and (min-width:768px){
    .article img {max-width: 450px;}
	img.float-right {
	margin-left: 15px !important;
        float: right !important;
	}

	img.float-left {
		margin-right: 15px !important;
        float: left !important;
	}
    .article h3+img {margin-top: 0px;}
    .article h4+img {margin-top: 0px;}
}


@media only screen and (max-width:991px){
    .navbar-toggler {background: #f4ebd9; border: none!important; margin: 10px 0 0 0;}
    button:focus {outline: none!important;}
    .welcome-in p br{display: none;}
    .welcome-in h1 {font-size: 40px; line-height: 40px; padding: 0 0 41px 0px;}
    .welcome-in h5 {padding: 0 0 23px 0px;}
    .heritage-rt {padding: 0;}
    .clay {padding: 45px 39px 45px 0px;}
    .clay p {font-size: 18px; letter-spacing: -0.2px;}
    .clay h3 {font-size: 30px; line-height: 30px;}
    .footer-mid-in h3 {text-align: center; padding: 0 0 25px 0; line-height: 40px;}
    .calendar h2 {padding: 0;}
    .navbar-nav li > a {display: block;}
    .navbar-nav li .dropdown-menu > a{padding: 8px 10px!important; width: 100%; }
    .logo{padding: 16px 20px 16px 60px;}
    .logo a{width: 200px; display: block;}
    .navbar-nav li a {font-size: 15px; line-height: 35px;}
    .navbar-nav li {padding: 0;}
    .navbar-nav > li.drop-arw > a:after {right: 15px;}
    .event-lt h4 {padding: 0px 0px 12px 0;}
    .event-lt h5{padding: 0;}
    exhibit ul {padding: 8px 0 10px 0;}
    }
@media only screen and (max-width:767px){
    .logo{width:50%;}
    .circle {top: -35px;left: 0;right: 0;margin: 0 auto;}
    .circle.wood {left: 0;width: 72px;top: -35px;right: 0;margin: 0 auto;}
    .clay.arts {padding: 35px 0px 20px 7px; max-width:100%;}
    .clay.arts p{max-width:100%;}
    
    .heritage-rt{padding: 45% 0 0 0 !important;}
    .heritage-rt figure img{max-width: 100%; max-height: none;}
    
    .event-rt h4 {font-size: 34px; line-height: 34px;}
    .event-rt h4 {padding: 0 0 20px 0px; font-size: 34px}
    .event-rt h5 {padding: 0;}
    .parker {padding: 0;}
    .parker h3 {font-size: 18px;line-height: 18px;padding: 0 0 5px 0;}
    .parker p {padding: 0 0 10px 0;}
    .parker h6{padding: 15px 0 0 0;}
    .event-lt {padding: 0;}
    .blue h4{font-size: 18px; line-height: 18px;}
    .blue p{font-size: 15px;}
    .footer-mid-in h3 {font-size: 29px; padding: 0 30px 20px 0;}
    .footer-mid-in {padding: 15px 0px 20px 12px;}
    .clay.arts {padding: 45px 0px 20px 0px; text-align: center;}
    .welcome-in h1 {font-size: 30px;line-height: 30px;}
    .welcome-in {padding: 0 0 35px 0;}
    .calendar h2 {font-size: 35px; line-height: 35px;}
    .event-in {padding: 40px 0 0 0px;}
    .event-lt h5 {font-size: 20px; line-height: 22px;}
    .event-lt h4 {font-size: 24px; line-height: 24px;}
    .contri-in ul li h5 {font-size: 17px; padding: 2px 0 3px 0px;}
    .contri-in h2 {font-size: 35px;}
    .contri-in p {font-size: 16px; line-height: 24px;}
    .contri-in ul li:nth-child(3):after{display: none;}
    .contri-in {padding: 20px 0 40px 0;}
    .heritage-rt figure img {height: auto;}
    .slick-prev:before {font-size: 50px;}
    .slick-next:before {font-size: 50px;}
    .heritage-lt {padding: 0px 15px!important;}
    .clay {text-align: center;}
    .clay a {margin: 0 auto;}
    .event-rt:before {position: static;display: block;width: 100%;height: 4px;}
    .top-circle{top: 12px; left: 10px;}
    .bot-circle {top: 12px;right: 10px;left:auto;}
    .event-rt {padding: 20px 15px 26px 15px;}
    .event-rt:before{margin:0 0 30px 0;}
    .footer-top-in ul {font-size: 14px;}
    .footer-top-in ul li:first-child {display: block;}
}


@media only screen and (max-width:575px){
    .logo{width: 100%; padding: 16px 0 0 0;}
    .welcome {padding: 20px 0 0 0px;}
    .welcome-in h1 {font-size: 25px; line-height: 25px;}
    .welcome-in h5{padding: 0 0 15px 0; font-size: 15px;}
    .footer-mid-in h3{font-size: 20px; letter-spacing: 1px;}
    .footer-mid-in a{font-size: 15px;}
    .footer-bot-in p {font-size: 11px;}
    .footer-top-in h5 {font-size: 20px;}
    .footer-top-in p {font-size: 14px;}
    .footer-top-in {padding: 20px 0 0 15px;}
    .social {padding: 28px 0px;}
    .calendar h2 {font-size: 25px; line-height: 25px; text-align: left;}
    .event-lt h4 {padding: 0px 0px 22px 0px; }
    .event-lt h5 {padding: 0;}
    .exhibit ul {padding: 8px 0 10px 0px;}
    .exhibit ul li figure img {width: 100%;}
    .blue{padding: 0;}
    .exhibit ul li{padding: 0 0 0 0;}
    .exhibit ul li {padding: 0 0 10px 0!important;}
    .top-circle{top: 12px; left:0;}
    .bot-circle {top: 12px;right:0;}
    .event-rt{padding: 20px 0px 20px 0px;}
    .parker p {font-size: 14px;}
    .parker h3 {font-size: 15px; line-height: 15px;}
    .event-rt h5 {font-size: 20px;}
    .event-rt h4 {font-size: 25px;}
    .calendar {padding: 30px 0 15px 0;}
    .contri-in ul li h5 {font-size: 14px;}
    .event-lt h4 {font-size: 18px; line-height: 18px;}
    .welcome-in p {font-size: 15px; padding: 0 0 25px 0;}
    .welcome-in p br{display: none;}
    .logo a {width: 160px; margin: 0 auto;}
    .navbar-brand {margin: 15px 0 0 0;}
    .footer-top-in ul li {display: block;}
    .footer-top-in ul li:after {display: none;}
    .cccvb {text-align: center}
    .cccvb img {float: none; padding: 0 0 15px 0; display: inline-block;}
    .cccvb p{padding-top: 0;}
    
    .contri-in a+a {margin:26px auto 0;}

    
}
    
@media only screen and (max-width:479px){
    .welcome-in p {font-size: 13px;}
    .welcome-in h1 {font-size: 24px; line-height: 24px; padding: 0 0 25px 0; }
    .welcome-in h5 {font-size: 13px;}
    .clay h3{font-size: 22px; line-height: 22px;}
    .clay p{font-size: 14px; line-height: 21px;}
    .clay h3{padding: 0 0 18px 0;}
    .calendar h2 {font-size: 20px;line-height: 20px;}
    .calendar {padding: 15px 0 15px 0;}
    .event-in {padding: 20px 0 0 0px;}
    .event-lt h5 {font-size: 14px;}
    .event-lt h4 {font-size: 16px;}
    .blue p {font-size: 13px; line-height: 18px;}
    .event-lt h4{padding: 0 0 10px 0;}
    .event-rt h4 {font-size: 20px;}
    .event-rt h5 {font-size: 15px;}
    .event-rt h4 {padding: 0px 0 10px 0px;}
    .parker a.view {font-size: 14px; line-height: 20px; padding: 12px 15px;}
    .event-rt {padding: 20px 0px 10px 0px;}
    .clay.arts p {font-size: 14px; letter-spacing: 0;}
    .contri-in h2{font-size: 22px; padding: 0 0 35px 0;}
    .contri-in ul li h5 {letter-spacing: 0;}
    .contri-in p {font-size: 14px;line-height: 23px;}
    .contri-in a+a {margin: 26px auto 0 auto;}
    .footer-bot-in {padding: 15px 0 15px 0;}
    .footer-top-in {padding: 15px 0 0 0px;}
    .footer-top-in h5 {padding: 10px 0; font-size: 15px;}
    .footer-top-in p {padding: 0;}
    .slick-next {right: 0;}
    .slick-prev {left: 0;}
    .banner figure img {width: 100%; height: 160px;object-fit: cover;}
    .footer-mid-in h3 {padding: 0 0 20px 0; line-height: 30px;}
    .footer-mid-in {padding: 0px 0px 20px 12px;}
    .circle.wood {left: 0; width: 40px; top: -20px; right: 0;}
    .circle{width: 40px; top: -20px;}
    .clay {padding: 35px 0 19px 0px;}
    .parker p br {display: none;}
    

}