/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1090px) {
	html, body{
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10  */
}
	
	/*header*/
	header {padding:0 10px;}
	
	/*nav*/
	nav ul li a {padding: 0 29px;}
	
	/*banner*/
	.bnr_info{left: -407px;}
	
	/*middle*/
	.middle_con ul {margin: 0;}
	.middle_con ul li {width: 23%; margin: -59px 10px 0;}
	
	/*main*/
	#main_area {padding: 66px 10px 56px;}
	main {width: 48%;}
	.home_img {width: 50%;}
	
	/*bottom*/
	.btm1_cont {padding:30px 10px 0;}
	.btm1_cont ul {margin:0;}
	.btm1_cont ul li{width: 32%; margin: 0 5px 30px;}
	.btm1_cont ul li a{width: 100%;}
	
	.btm2_cont {padding:30px 0 0;}
	.btm2_boxes {padding: 60px 0 30px;}
	.btm2_boxes ul li {margin-right: 0;}
	.btm2_boxes ul li:first-child:after {right: 2px;}
	.btm2_boxes p {padding: 14px 10px;}
	
	/*footer*/
	.ftr_contact {padding: 30px 0 30px 15px; min-height: 0;}
	.ftr_contact ul li {margin-right: 10px;}
}

@media only screen
and (max-width : 1024px) {
   /* Nav Area Sub-Menu Style */
   nav li.menu-item-has-children > span{display:block;}
   nav ul ul, nav ul ul li,         nav ul ul li a {width:100%;}
   nav ul ul li a {line-height: 40px;}
   nav ul li:hover > ul{display: none;}
}

@media only screen
and (max-width : 1000px) {
	/*nav*/
	nav{height:auto; padding:20px 0 14px;}
	nav ul{font-size:0;}
	nav ul li{width:32%; margin:0 .4% 4px !important; border:1px solid #fff;}
	nav ul li a{line-height:40px;}
	nav ul li:after{display:none;}
		
	/*middle*/
	.middle_con ul li {width: 22.5%; margin: 10px;} 
	.middle_con ul li a{font-size: 21px;} 
	.middle_con ul li a span{font-size: 23px;} 
	
	/*main*/
	#main_area {padding: 30px 10px;}
	main {padding: 0;}
	main h1 {font-size: 25px;}
	.home_img {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	
	/*bottom*/
	#bottom1 {background-size:cover;}
	.btm1_cont p {padding:54px 0 23px;}
	
	.btm2_cont p {padding: 24px 10px 10px;}
	.btm2_boxes ul li{width: 33%; min-height: 267px;}
	.btm2_boxes ul li:last-child{width: 31%; margin: -34px 0 0 15px; padding:0;}
	
	/*footer*/
	.map {margin:0;}
	.ftr_contact {position:static; text-align:center; padding: 30px 10px;}
	.ftr_contact h4 {width:100%; padding-bottom:20px;}
	.ftr_contact ul {width:100%;}
	.ftr_contact ul li {text-align:left; margin: 0 20px !important;}
	
	footer {height:auto; padding: 20px 10px;}
	#footer_nav{height:auto;}
	#footer_nav ul{font-size:0;}
	#footer_nav ul li{width:32%; border-bottom: 1px solid #fff;  border-radius: 0 0 10px 10px; margin:0 .4% 6px !important;}
	#footer_nav ul li:after{display:none;}
	#footer_nav ul li a{line-height:40px; padding:0;display:block;}
	
	#copyright {margin:10px 0 0;}
}

@media only screen
and (max-width : 930px) {
	.vet_cont {margin-top: 50px;}
	
	/*Homepage*/
	.btm2_boxes ul li{
		padding:0;
	}
	.btm2_boxes ul li:before{
		position:relative;
	}
	.btm2_boxes ul li:last-child {
		margin: 0 0 0 15px;
	}
	
}

@media only screen
and (max-width : 800px) {
	/*banner*/
	.slider {margin: 0 -320px;}
	.bnr_info {top: 62%;}
	
	/*middle*/
	.middle_con ul li {width: 39%;}
	
	/*main*/
	main {float:none; width:100%;}
	#main_area {
	    padding: 30px 10px 0;
	}	
	.home_img {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		transform:none;
		margin:0 auto;
		float:none;
	}
	.home_img img {
	    padding-top: 0;
	}	
	
	.video-thumbnail.ended::after,
	.video-thumbnail.paused::after {
		background-size: 95% 90%;
	}	
		
	.vet_cont {margin-top: 20px;}
	
	/*bottom*/
	.btm1_cont ul li {width: 36%;}
	.btm1_cont ul li a {font-size: 3.2vw;}
	
	.btm2_boxes {padding: 30px 10px 0;}
	.btm2_boxes ul {margin:0;}
	.btm2_boxes ul li {width:45%; margin:0 10px 30px;}
	.btm2_boxes ul li:first-child:after {display:none;}
	.btm2_boxes ul li:last-child {width:100%; margin: 40px 0 30px;}

	/*Homepage*/
	.btm2_boxes ul li:before{
		position:relative;
	}
	
	/*footer*/
	.ftr_contact{padding:30px 10px 0;}
	.ftr_contact ul li {padding:50px 0 0; text-align:center; margin:0 10px 30px !important; font-size: 2.5vw;}
	.ftr_contact ul li:before {left:0!important; top:0!important; right:0; margin:auto;}
	
	#copyright ul li {display:block; margin:0;}
	#copyright ul li:after {display:none;}
}

@media only screen
and (max-width : 700px) {
	/*header*/
	header {padding: 12px 10px 8px; height:auto;}
	.logo {position:static; text-align:center;}
	.contactinfo {text-align:center; float:none;}
	.social_media ul li {margin:0 2px;}
	.contactinfo p {display:none;}	

	/*Homepage*/
	.btm2_boxes ul li:before{
		position:relative;
	}

	.block-video {
	    margin: 35px 0;
	}

	.video-container .video-thumbnail iframe {
	    min-height: 450px;
	}
	
	.video-thumbnail.ended::after,
	.video-thumbnail.paused::after {
		background-size: 90% 70%;
	}	
	
}

/* Smartphones */
@media only screen
and (max-width : 600px) {
	
	/*nav*/
	.nav_toggle_button{ background:#3fa0ff; color:#fff;display:block;}
	nav{ display:none; padding:0; }
	nav ul{ margin:0; padding:0; }
	nav ul li{ width:100%; display:block; margin:0!important; border-top:1px solid #fff; border-bottom:none; border-right:none; border-left:none;}
	
	nav ul ul{width:100%; position:relative;  transition:none;}
	nav ul ul li {border:none; width:100%;}
	
	/*banner*/
	.slider {margin: 0 -27% 0 -72%;}
	.rslides {display:none;}
	.static_img {display:block;}
	.bnr_info {position:static; width:100%; -webkit-transform:none; -ms-transform:none; transform:none; padding:0; text-align:center;}
	.bnr_cont {width:100%; padding: 20px 10px;}
	.bnr_info h2 {padding:0 0 20px;}
	.bnr_info h2 span{font-size: 35px;}
	.bnr_info a {position:static;}
	
	/*middle*/
	.middle_con ul li {width: 80%;  margin: 0 0 20px;}
	
	/*main*/
	main h1 {line-height: 27px;}
	.resources ul li {text-align:left;}

	.block-video {
	    margin: 35px 0;
	}

	.video-container .video-thumbnail iframe {
	    min-height: 250px;
	}

	.video-thumbnail.ended::after,
	.video-thumbnail.paused::after {
		background-size: 90% 70%;
	}
		
	/*bottom*/
	.btm1_cont ul li {width:59%;}
	.btm1_cont ul li a{font-size: 24px;}
	
	.btm2_cont h4 span {font-size: 26px;}
	.btm2_boxes ul li {width:100%; margin:0 0 30px!important; min-height:0;}
	.btm2_boxes ul li a{position:static;}

	/*Homepage*/
	.btm2_boxes ul li:before{
		position:relative;
	}
	
	/*footer*/
	.ftr_contact ul li {margin:0 0 30px !important; font-size: 17px; width:100%;}
	
	footer {padding:20px 10px 50px;}
	#footer_nav ul li{width:100%; margin:0 0 4px!important;}
	#footer_nav ul li a{padding:0; display:block;}

	.sitemap,.col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
	.thumb_left_dd, .thumb_right_dd, .thumb_center_dd, .thumb_featured{display: none;}
	main p{text-align:left;}
	main .bullet{padding-left:10px;}
	.back_top{background: url(../images/back_top.png) no-repeat center #ffb244; position: fixed; bottom: 5px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
	.back_top:hover{opacity: .6;}
}

@media only screen
and (max-width : 400px) {
	/*Homepage*/
	.btm2_boxes ul li:before{
		position:relative;
	}	

	.block-video {
	    margin: 35px 0;
	}

	.video-container .video-thumbnail iframe {
	    min-height: 250px;
	}
		
	/*bottom*/
	.btm1_cont h4 span {font-size: 27px;}
	.btm1_cont ul li {width:91%; margin: 0 0 30px;}
	
	#copyright ul li {font-size:16px;}
}