/* 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;}	

	.social_media { margin: 0 0 8px; }
	.social_media ul { justify-content: center; }



	/*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;}

}