/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe, input, textarea {
	max-width: 100%;
}

.slicknav_menu {
	display: none;
}

.small-screen {
	display:none;
}

@media only screen and (max-width: 1680px) {
	
	#mainslider .circles {
		top:50px;
	}
	
	#topimage .circles {
		top:20px;
		width:450px;
	}
	
	#topimage .top-text,
	#topimage.ri .top-text {
		top:60px;
	}
	
	.page-topimg {
		height:320px;
		width: auto;
		max-width:inherit;
	}
	
}



@media only screen and (max-width: 1440px) {
	
	#mainslider .circles {
		width:487px;
	}
	
	.cir1 {
		left:100px;
		height:180px;
	}
	
	#topimage .circles {
		width:400px;
	}
	
	#topimage  .cir2,
	#topimage  .cir3 {
		top:180px;
		height:180px;
	}
	
	.top-rip-img {
		height:400px;
	}
	
	
}

@media only screen and (max-width: 1280px) {
	
	#mainslider .circles {
		top:20px;
	}
	
	#mainslider .owl-carousel img {
		height:460px;
		width: auto;
		max-width:inherit;
	}
	
	
}

@media only screen and (max-width: 1025px) {
	.slicknav_menu {
	display: block;
}

.menu-primary-container {
	display: none;
}

#mainmenu {
	width:100%;
	height:44px;
}

#mainmenu .slicknav_menu {
	position:absolute;
	top:5px;
	left:0;
	width:70%;
	z-index:999999;
}

#magmenu {
	padding:8px 10px;
}

#personal-menu {
	height:40px;
	padding:5px 10px;
}

.menu-secondary-container {
	display: none;
}

#magmenu .slicknav_menu,
#personal-menu .slicknav_menu  {
	position: absolute;
	left:0;
	width:70%;
}

#signup {
	width:100%;
}


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

body {
	font-size:20px;
}
.logo {
	position: relative;
	width:30%;
	float: right;
	}

.title {
	font-size:50px;
}

	#services{
		padding:30px 0;
	}
	
	#news-section {
		padding:40px 0;
			}
	#news-section .title-small {
		text-align: center;
	}
	
	#news-section .more {
		text-align: center;
	}
	
	.textbox,
	.whitebox {
		margin-bottom:30px;
	}
	
	#index-search form {
		width:100%;
		float: none;
	}
	
	#index-search .menuspan,
	#index-search .searchandfilter ul li {
		display: block;
		width:100%;
		float: none;
		margin-left:0;
		margin-bottom:10px;
	}
	.index-item {
		text-align: center;
		
	}
	
	.index-img img {
		width:100%;
		height: auto;
	}
	
	#getupdate li {
		display: block;
		width:100%;
		float: none;
		margin-left:0;
		margin-bottom:10px;
	}
	
	#getupdate .gform_body,
	#getupdate .gform_footer {
		width:100%;
		float: none;
	}
	
	.footer-inner {
		width:70%;
		margin-left: auto;
		margin-right: auto;
	}

	
	#copyrights,
	#credits  {
		text-align:center;
	}
	
	

#copyright {
	text-align: center;
	margin-bottom:10px;
}

#content, #sidebar {
	width:100%;
	float: none;
}

#details-panel {
	padding:30px;
}

.ther-img img {
	width:100%;
	height: auto;
	margin-bottom:10px;
}

.c-icon {
	font-size:50px;
}

.conttxt {
	font-size:22px;
}

.ti-txt {
	width:100%;
}

form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select,
form.pmpro_form input[type=text].input, form.pmpro_form input[type=password].input {
	width:100%;
	max-width:100%;
	padding:5px 5px;
}

.pmpro_asterisk {
	display: none;
}

form.pmpro_form .pmpro_submit {
	padding-left:0;
	text-align: center;
	margin-right:0;
}

.main-img.alignleft {
	float: none;
	margin-right:0;
	text-align: center;
}



 }
 
 @media only screen and (max-width:736px) {
 
 .add-art-button {
		margin-bottom:20px;
	}
	
	.art-img img {
		width:100%;
		height:auto;
	}
	
 }
	
 
 @media only screen and (max-width: 420px) {
	 
	 .small-screen {
		 display: block;
	 }
	 
	 .logo {
		 width:45%;
	 }
	 
	 .toplinks {
		 width:55%;
		 float: left;
		 padding-right:15px;
	 }
	 
	 .toplinks li {
		 display: block;
		 border: none;
		 padding-left:0;
		 text-align: right;
		 margin-bottom:8px;
	 }
	 
	 .slogan {
		 font-size:30px;
		 margin:0;
	 }
	 
	 #mainmenu .slicknav_menu {
		 width:100%;
	 }
	 
	 #mainslider .circles {
		 position: relative;
		 width:100%;
		 top:0;
		 right: auto;
		 text-align: center;
		 padding:15px 10%;
		 background:#7e5c4b;
	 }
	 
	 .cir1 {
		 left:0;
		 height:120px;
		 width:100%;
	 }
	 
	.cir2  {
		top: 150px;
		width:50%;
		height:100px;
		
	}
	
	.cir3  {
		top: 150px;
		width:50%;
		left:50%;
		height:100px;
		
	}
	 
	 .owl-carousel.owl-loaded {
		 display: none;
	 }
	 
	 .page-topimg {
		 height: 200px;
	 }
	 
	 .ti-title {
		 font-size:40px;
	 }
	 
	 #magmenu .slicknav_menu,
	 #personal-menu .slicknav_menu {
		 width:100%;
	 }
	 
	 .page-template-page-contact #topimage .top-text {
		 top:20px;
	 }
	 
	 .ti-txt {
		 font-size:18px;
	 }
	 
	 .cont-box {
		 margin-bottom:10px;
		 padding:0 10%;
	 }
	 
	 #contactform {
		 margin:0;
	 }
	 
	 .art-title {
		 font-size:22px;
		 padding:0;
	 }
	 
	 .title {
    font-size: 40px;
}

	#userposts .posted-link,
	#userposts li.date, #userposts li.edit-button, #userposts li.del-button {
		width:100%;
		margin-bottom:10px;
	}
	
	#userposts ul, #userposts .del-button {
		text-align: center;
	}
	
	#user-account-section .title-small {
		text-align: center;
	}
	
	.title-small {
		font-size:40px;
	}
	
	#signup {
		margin:20px 0;
		padding:20px;
	}
	
	#signup .gform_footer {
		text-align: center;
	}
	
	#signup .gform_footer input[type="submit"] {
		width:100%;
		font-size:26px;
	}
	
	.cleanlogin-container {
		width:100%;
		max-width:100%;
	}
	
	.art-img.alignright{
		float: none;
		margin-left:0;
	}
	
	.profile-art .art-img {
		width:100%;
	}
	
	
	
	 
 }
 
  @media only screen and (max-width: 375px) { 
   .toplinks span {
	   display: none;
   }
   
   .cont-box {
		 padding:0;
	 }
	 
	 .footer-inner {
		 width:100%;
	 }
	
  }   
  
  @media only screen and (max-width: 320px) { 
	 
	 .logo {
		 width:40%;
	 }
	 
	 .toplinks {
		 width:60%;
		 float: left;
		 padding-right:10px;
		 font-size:17px;
	 }
	 
	 .toplinks li {
		 margin-bottom:4px;
	 }
  }