/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1399px) {
	.bnr_info h2{
		line-height: normal;
		margin: 0 0 25px 0;
		font-size: 28px;
	}
	.bnr_info h2 span{
		font-size: 77px;
	}
	main h1{
		font-size: 42px;
		line-height: 46px;
	}
	.btm1_cont h4 span {
		font-size: 42px;
	}
	.services-block a{
		font-size: 20px;
		padding: 15px 0 10px 0;
	}
	.btm2_cont h4 {
		font-size: 22px;
	}
	.btm2_cont a {
		width: 140px;
        height: 35px;
        font: 600 16px/36px "Noto Sans", serif;
	}
	.btm2_boxes h4{
		font-size: 18px;
        line-height: 22px;
	}
	.btm2_boxes h4 span {
		font-size: 18px;
	}	
	.btm2_boxes .classic-text-widget a{
		width: 140px;
        height: 35px;
		line-height: normal;
	}
	.btm2_boxes .classic-text-widget a span {
		font-size: 14px;
		line-height: normal;
	  }
}
@media only screen
and (max-width : 1199px) {
	.bnr_info h2 span {
		font-size: 60px;
	}
	.bnr_info h2 {
		line-height: normal;
		margin: 0 0 25px 0;
		font-size: 28px;
	}
	.bnr_info a{
		width: 140px;
        height: 35px;
        font: 600 16px/36px "Noto Sans", serif;
	}
	.bnr_info{
		top: 50%;
		left: 50px !important;
	}
}
@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 0;}
	header .logo-wrap{
		padding: 15px 10px;
	}
	.top-bar{
		padding: 5px 10px;
	}
	/*nav*/
	nav ul li a {padding: 10px 15px;}
	nav ul li::after{
		top: 10px;
  		right: -10px;
	}
	
	/*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;}

	.btm2_boxes ul li{
		width:45%;
	}
	.btm2_boxes p {
		padding: 0;
	  }

	.middle_con ul li{
		width: 19%;
    	margin: 0;
	}  
	.middle_con ul li a{
		font-size: 14px;
		line-height: normal;
	}

}

@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;}
   .btm2_boxes h4{
	  font-size: 16px;
	}
	.btm2_boxes h4 span{
		font-size: 18px;
		margin-top: 2px;
	}
	.btm2_boxes .classic-text-widget a,
	.btm2_cont .classic-text-widget a{
		width: 135px;
		height: 35px;
	}	
}

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

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

	.contactinfo p{
		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;}
	#bottom2 .btm2_boxes ul li {
		width: 45%;
		min-height: 220px;
	}	
	#bottom2 .btm2_boxes p{
		line-height: 24px;
	}
	.middle_con ul li a{
		width: 100%;
	}
	.middle_con ul li {
		width: 15%;
	}
	.home_img{
		padding-top: 0;
	}
	.btm1_cont h4 span {
		font-size: 36px;
	  }
	  .services-block a {
		font-size: 16px;
		padding: 10px 0 0px 0;
	  }
	  .btm2_cont h4 span{
		font-size: 36px;
	  }
	  .btm2_cont h4 {
		font-size: 18px;
	  }
}

@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;}

	.btm2_boxes ul{
		flex-wrap: wrap;
	}
	#bottom2 .btm2_boxes ul li{
		width: 100%;
		min-height: 200px;
		margin: 0 !important;
	}
	#bottom2 .btm2_boxes{
		margin-bottom: 50px;
  }
  .bnr_info h2{
	font-size: 22px;
	line-height: normal;
	margin: 0 0 20px 0;
  }
  .bnr_info h2 span{
	font-size: 54px;
  }
  .home_img {
    width: 100%;
	max-width: 100%;
  }
  #main_area {
    padding: 50px 10px 50px;
  }
  #main_area .wrapper{
	display: flex;
	flex-direction: column-reverse;
  }
  #main_area main{
  padding-top: 20px;
}
}

@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%;
	}	
	header .logo-wrap .logobar .logo img{
		width: 100%;
 		max-width: 200px;
	}
	header .logo-wrap .contactinfo h3{
		font-size: 14px;
	}
	.social_media ul li {
		margin: 0 10px;
	  }
	  
}

/* Smartphones */
@media only screen
and (max-width : 600px) {
	
	
	
	/*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;}
	
	.rslides{
		display: block;
	}
	.static_img {
		display: none;
	  }

	/*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: 20px;}
	
	.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;}

	#banner .static_img img{
		min-height: 350px;
  		object-fit: cover;
	}
	.bnr_info{
		position: absolute;
		top: 50%;
    transform: translateY(-50%);
	}
	.bnr_info{
		left: 0px !important;
	  }

	  .btm1_cont ul li{
		width: 100%;
	  }
	  .services-block img{
		width: 100%;
	  }
}
@media only screen
and (max-width : 500px) {
	#copyright ul li {font-size:16px;}

	
	.middle_con ul li{
		width: 100% !important;
		margin: 15px 0 0 0;
	}
	.middle_con ul li a span {
		font-size: 14px;
	}
	.middle_con ul li a {
		font-size: 14px;
		margin: 0 auto !important;
	  }
	  .btm1_cont ul li {
		width: 100% !important;
		margin: 0;
	  }
	  .btm2_cont .classic-text-widget a {
		width: 135px;
		height: auto;
	  }
	  #footer_nav ul li{
		border-radius: 0;
	  }
	  .bnr_info h2{
		font-size: 18px;
	  }
	  .bnr_info h2 span {
		font-size: 32px;
	  }
	  .bnr_info h2 {
		padding: 0;
	  }
	  .bnr_info a {
		width: 120px;
		height: 35px;
		font: 600 14px/33px "Noto Sans", serif;
	}
	#main_area main h1 {
		font-size: 20px;
		text-align: center;
	  }
	  #main_area main h1 span{
		padding: 0;
		text-align: center;
	  }
	  #main_area main h1 span::before{
		left: 95px;
	  }
	  #main_area main p {
		text-align: center;
	  }
	  #main_area .edit-link a{
		text-align: center;
		display: block;
	  }
	  .home_img img{
		height: 300px;
	  }
	  .btm1_cont h4 span {
		font-size: 26px;
	  }
	  .btm1_cont p{
		padding: 0;
	  }
	  .services-block img{
		width: 100%;
		height: 300px;
    object-fit: cover;
	  }
	  
	  .btm1_cont ul{
		gap: 20px 0;
	  }
	  .btm2_cont h4{
		font-size: 18px;
	  }
	  .btm1_cont ul li a {
		font-size: 20px;
	  }
	  .ftr_contact h4{
		font-size: 14px;
	  }
	  .ftr_contact h4 span{
		font-size: 20px;
	  }
	  .ftr_contact ul li{
		font-size: 14px;
		line-height: 26px;
	  }
	  
}
@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;}
	
	
	
}