@media screen and (min-width: 1700px)
{
	#HeaderDiv
	{
		padding  :  20px 35px;
	}
	
	#HeaderDiv #TdLogo
	{
		width  :  400px;
	}
	
	#HeaderDiv .tdSocial
	{
		width  :  42px;
	}
	
	#Header a.social i.fa, #Header #MobileNavigation i.fa
	{
		font-size    :  18px;
		width        :  32px;
		height       :  32px;
		line-height  :  32px;
	}
	
	#Header a.social, #Header #MobileNavigation
	{
	  width          :  32px;
	  height         :  32px;
	  line-height    :  32px;
	}
	
	#Navigation ul li a, #Navigation ul li a:hover, #Navigation ul li a.selected
	{
		font-size  :  18px;
	}
	
	#Navigation ul li ul li a, #Navigation ul li ul li a:hover, #Navigation ul li ul li a.selected
	{
		font-size  :  15px;
	}
	
	#Navigation ul li ul li
	{
		padding  :  8px 0px 8px 0px;
	}
	
	#Notification
	{
		padding-top  :  105px;
	}
	
	#Footer div
	{
		font-size  :  18px;
	}
	
	#Footer h4
	{
		font-size  :  18px;
	}

	.msgDetails h2
	{
		height  : 50px;
	}
}


@media screen and (min-width: 1480px) and (max-width: 1699px)
{
	#HeaderDiv
	{
		padding  :  20px 25px;
	}
	
	#HeaderDiv #TdLogo
	{
		width  :  350px;
	}
	
	
	#Header a.social i.fa, #Header #MobileNavigation i.fa
	{
		font-size    :  16px;
		width        :  27px;
		height       :  27px;
		line-height  :  27px;
	}
	
	#Header a.social, #Header #MobileNavigation
	{
	  width          :  27px;
	  height         :  27px;
	  line-height    :  27px;
	}
	
	#Navigation ul li a, #Navigation ul li a:hover, #Navigation ul li a.selected
	{
		font-size  :  15px;
	}
	
	#Navigation ul li ul li a, #Navigation ul li ul li a:hover, #Navigation ul li ul li a.selected
	{
		font-size  :  14px;
	}
	
	#Navigation ul li ul li
	{
		padding  :  6px 0px 6px 0px;
	}
	
	#Notification
	{
		padding-top  :  97px;
	}
	
	#Footer div
	{
		font-size  :  17px;
	}
	
	#Footer h4
	{
		font-size  :  17px;
	}

	.msgDetails h2
	{
		height  : 50px;
	}
}


@media screen and (max-width: 1479px)
{
	#Header #Navigation, #Header .separator
	{
		display  :  none;		
	}
	
	#Header #MobileNavigation
	{
		display  :  block;
	}
	
	#MobileNav
	{
	  width       :  100%;
	  position    :  fixed;
	  background  :  #800000;
	  left        :  0px;
	  right       :  0px;
	  top         :  0px;
	  bottom      :  0px;
	  z-index     :  9999999;
	  height      :  100vh;
	  overflow    :  scroll;
	}
	    
	#MobileNav ul
	{
	  display     :  block;
	  margin      :  0px;
	  padding     :  0px;
	  list-style  :  none;
	  z-index     :  11111;
	}
	
	#MobileNav ul li
	{
	  width    :  100%;
	  display  :  block;
	}	
	    
	#MobileNav ul li a, #MobileNav ul li a:hover
	{
	  padding        :  8px 12px;
	  display        :  block;
	  background     :  #da2337;
	  margin-bottom  :  1px;

	  font-size      :  16px;
	  color          :  #ffffff;

	  text-align     :  left;	  
	}
	
	#MobileNav ul li a:hover
	{
		background  :  #d8081e;
	}
	
	#MobileNav ul.first
	{
		margin  :  10px;
	}
	
	#MobileNav ul.second
	{
		border-top     :  solid 2px #cc0000;
		border-bottom  :  solid 10px #d1254d;
	}
	
	#MobileNav ul.second li a, #MobileNav ul.second li a:hover
	{
		font-size      :  14px;
		padding-left   :  25px;
		border-bottom  :  solid 1px #d1254d;
		background     :  #d95f6d;
	}
	
	#MobileNav ul.second li a:hover
	{
		background  :  #e93c4f;
	}
	
	#MobileNav ul.third li a, #MobileNav ul.third li a:hover
	{
		font-size      :  13px;
		padding-left   :  50px;
		border-bottom  :  dotted 1px #d1254d;
		background     :  #e37d88;
	}
	
	#MobileNav ul.third li a:hover
	{
		background  :  #ca5360;
	}
	
	#MobileNav .close
	{
		display      :  block;
		position     :  absolute;
		top          :  13px;
		right        :  13px;
		cursor       :  pointer;
		z-index      :  999999;
		width        :  32px;
		height       :  32px;
		line-height  :  32px;
		background   :  #bb0000;
		text-align   :  center;
		font-size    :  24px;
		color        :  #ffffff;
	}

	.msgDetails h2
	{
		height  : 50px;
	}
}


@media screen and (max-width: 1200px)
{
	#MainDiv
	{
		min-width  :  auto;
	}
	
	#HeaderDiv
	{
		padding-left   :  20px;
		padding-right  :  20px;
	}

	#ContentsArea
	{
		min-width  :  auto;
	}

	.msgDetails h2
	{
		height  : 80px;
	}
}

@media screen and (max-width: 1001px)
{
	#ContentsArea.innerPages .leftPanel
	{
	  display  :  none;
	}

	#ContentsArea.innerPages .innerPgContent img
	{
	  max-width  :  100% !important; 	
	}

	#ContentsArea.innerPages .innerPgContent
	{
       width  :  96% !important; 
	}	

	#Footer #FooterDiv
	{
		columns  :  2;
	}
	
	#Footer .address
	{
	  width  :  50%;
	}
	
	#Footer .contact
	{
	  width        :  45%;
	  margin-left  :  5%;
	}

	#Footer .location
	{
	  width       :  100%;
	  margin-top  :  20px;
	}
	
	#QuickFacts 
	{
	  padding : 80px 20px 30px 20px;
	}
	
	#CourseListing
	{
	  columns  :  3;
	}
	
	#CourseListing div.course
	{
		width  :  calc(33.3% - 32px);
	}
	
	.msgDetails h2
	{
		font-size  :  18px;
		height     :  60px;
	}
	
	.msgDetailsDiv span:nth-of-type(1)
	{
		line-height  :  21px;
		height       :  43px;
	}
}


@media screen and (max-width: 768px)
{
	h1, h2
	{
	  font-size  :  25px;
	}
	
	h1
	{
	  line-height  :  35px;
	}
	
	h2
	{
	  line-height  :  25px;
	}
	
	#ContentsArea .boardtable tr td:nth-child(even)
	{
	  display  :  none;
	}
	
	
	table.table #SliderArea, #Body #BodyDiv, #ContentsArea .listing, #ContentsArea .listing table, #ContentsArea .listing table tr:nth-child(1) td, #MissionStatement h4, #MissionStatement p
	{
	  width  :  100% !important;
	}
	
	h1, h2, #HeaderDiv, #ContentsArea, #Courses tr td
	{
	  width  :  94% !important;
	}
	
	#About
	{
	  width  :  94% !important;
	}

	#HeaderDiv, #ContentsArea, #About, #Courses tr td
	{
	  padding-left   :  3% !important;
	  padding-right  :  3% !important;
    }
    
    table.table td, #Courses tr td, #Application ul li	
    {
	  display  :  inline-block;
	}
	
	#FooterBar div
	{
		padding  :  0px 20px 0px 20px; 
	}
	
	#ContentsArea table.contentstable td, #ContentsArea img
	{
	  max-width  :  90% !important;
	}
	
	#Courses.messages tr td
	{
	  padding-left   :  5% !important;
	  padding-right  :  5% !important;
	  width          :  90% !important;
	  display        :  block;
    }	
	
	#Courses.messages tr td b
	{
		margin : 0px 20px 0px 20px !important;
	}
	
	#Courses.messages td.hLine
	{
		border-top  :  solid 5px #ffffff;
	}
	
	
	#SliderArea, #Body, #Body #BodyDiv, #PageTitle
	{
	  padding  :  0px;
	}
	
	
	#SliderArea, #Body, #ContentsArea
	{
	  position   :  relative;
	}
	
	#Notification
	{
		padding-top  :  76px;
	}
	
	#vButtons
	{
		margin-right: -130px;
	}
	
	#vButtons button
	{
		font-size  :  14px;
		padding: 10px 20px;
	}
	
	
	#AboutTimes
	{
	  background         :  url('../images/about-times.jpg') top center;
	  background-repeat  :  no-repeat;
	  background-size    :  1000px auto;
	}
	
	#AboutTimesDiv
	{
	  width    :  96%;
	  padding  :  2% 2% 700px 2%;
	}
	
	#AboutTimes h4
	{
	  text-align  :  center;
	  font-size   :  30px;
	}
	
	#AboutTimes h4 span
	{
	  font-size  :  35px;
	}
	
	
	#MissionStatement h1
	{
	  text-align   :  center;
	}
	
	table.table tr td
	{
	  text-align  :  left;
	}
	
	#frmContact tr td:nth-child(1)
	{
	  width  :  110px !important;
	}
	
	#frmContact tr:last-child td:nth-child(1)
	{
	  width    :  0px !important;
	  padding  :  0px !important;
	}
	
	#frmContact table td tr:last-child td:nth-child(1)
	{
	  width  :  120px  !important;
	}
	
	td.subject, td.message
	{
	  width  :  265px;
	}
	
	#Application ul li	
	{
	  display  :  block;
	  width    :  100% !important;
	  padding  :  15px 0px;
	  float    :  none;
	}
	
	.application
	{
	  overflow-x  :  auto !important;
	}

	#Application2 table, #Application3 table
	{
	  min-width  :  1100px !important;
	}

	#Application1 table td, #Application5 table td
	{
	  display  :  inline-block !important;
	  width    :  100% !important;
	}
		
	#ContentsArea .listing
	{
	  overflow-x  :  scroll;
	  width       :  100%;
	}
	
	#ContentsArea .listing table
	{
	  min-width  :  500px !important;
	}
	
	#ContentsArea .listing table table
	{
	  min-width  :  auto !important;
	}

	#ContentsArea .boardtable tr td
	{
	  display  :  inline-block;
	  width    :  46%;
	  padding  :  2% !important;
	}		
	
	#ContentsArea .boardtable tr:nth-child(2) td
	{
	  display  :  block;
	  width    :  100%;
	  padding  :  0px !important;	  
	}
	
	#ContentsArea .officetable tr td:nth-child(2)
	{
	  width  :  150px !important;
	}
	
	#FooterBar table td
	{
	  display     :  block;
	  width       :  100%;
	  text-align  :  center;
	}

	#FooterBar table td:last-child
	{
	  padding-top  :  10px;
	}
	
	
	#PageTitle
	{
	  height  :  2px;
	}
	
	#HeaderDiv
	{
	  padding  :  12px 0px;	
	}
	
	#SliderArea, #Slider
	{
	  height      :  auto !important;
	  margin-top  :  0px;
	}

	.sy-slide > a > img
	{
	  height  :  auto; 	
	}

	.sy-pager
	{
	  bottom  :  45px; 	
	}

	.sy-controls li.sy-prev, .sy-controls li.sy-next
	{
	  top  :  -23px;	
	}

	.sy-controls li.sy-next
	{
	  right  :  -20px; 	
	}

	.bannerContent 
	{
	  width  :  40%;
	  top    :  50px;
	}

	.bannerContent h1 
	{
	  font-size      :  16px;
	  line-height    :  18px;
	  margin-bottom  :  25px;
	  width          :  100% !important;
    }

    .bannerContent a 
    {
	  font-size  :  9px;
	  padding    :  12px 12px;
    }

    .sy-controls li.sy-prev a::after, .sy-controls li.sy-next a::after
    {
      width  :  20px !important; 	
    }

	
	#MissionVision
	{
		columns  :  1;
		flex-direction  :  column;
		margin          :  50px auto 50px auto;
	}
	
	#MissionVision div
	{
		width    :  calc(100% - 40px);
		padding  :  20px;
	}
	
	#MissionVision div:first-child
	{
		margin  :  0px;
	}
	
	#MissionVision div:last-child
	{
		margin  :  20px 0px 0px 0px;
	}
	
	#MissionVision h1
	{
		font-size  :  24px;
		margin     :  0px 0px 10px 0px;
		line-height  :  24px;
	}
	
	#MissionVision p
	{
		font-size    :  18px;
		line-height  :  24px;
	}

	
	#QuickFacts 
	{
	  padding : 60px 20px 30px 20px;
	}

    #QuickFactsDiv h1
    {
      font-size  :  27px;	
    }
	
	
	#MainLinksDiv
	{
	  padding     :  20px 15px;
	  row-gap     :  15px;
	  column-gap  :  15px;
	}

	#MainLinksDiv .link
	{
		width  :  100px;
	}

    #MainLinksDiv h4
    {
      font-size    :  14px;	
	  line-height  :  18px;
	  max-height   :  36px;
	  margin       :  10px 0px 2px 0px;
    }

	.applyOnline
	{
	  left   :  calc(50% + 80px);
      width  :  110px;	
      top    :  33px;
	}

	.applyOnline a 
	{
      font-size  :  9px;
	}


	#ContentsArea
	{
	  margin-top  :  25px;
	}

	.contactPg td
	{
	  width          :  49.5%;
	  display        :  inline-block; 
	  margin-bottom  :  20px;  	
	}

	.contactPg td:last-child
	{
	  margin-bottom  :  0px;	
	}

	#ContentsArea h1, #ContentsArea.innerPages h1
	{
	  font-size    :  18px; 
	  line-height  :  23px;	
	}

	#ContentsArea.innerPages p
	{
	  margin  :  10px 0 !important;   	
	}

	#MainDiv.compact #Body #BodyDiv
	{
		padding  :  20px;
		width    :  calc(100% - 40px) !important;
	}
	
	td#LeftSection, td#RightSection
	{
		display       :  block;
		width         :  100%;
		clear         :  both;
		padding-left  :  0px;
	}
	
	td#RightSection
	{
		padding-top  :  20px;
	}
	
	td#LeftSection label b, td#RightSection label b
	{
		color        :  #777777;
		font-size    :  18px;
		line-height  :  22px;
	}
	
	td#LeftSection div, td#RightSection div
	{
		font-size    :  18px;
		line-height  :  22px;
	}
	
	
	#Notification span
	{
		font-size  :  18px;
		padding    :  12px 0px 12px 0px;
	}

	
	.msgDetails
	{
		max-width  :  calc(50% - 70px);
	}
	
	.msgDetails h2
	{
		height  :  50px;
	}
	
	.msgDetailsDiv span:nth-of-type(1)
	{
		line-height  :  21px;
		height       :  auto;
	}


	ul.picsList li img, #ContentsArea.innerPages .innerPgContent ul.picsList li img, #ContentsArea ul.picsList li img
	{
		width      :  99% !important;
		max-width  :  99% !important;
	}
	
	
	.twoColumns .columnA, .twoColumns .columnB
	{
	  width     :  calc(100% - 40px);
	}
	
	.philosophy
	{
		margin-top  :  15px;
	}
	
	div.case > p:first-child
	{
	  font-size  :  18px;
	  line-height  :  48px;
	}	
	
	div.case > p:first-child span, div.case > p:first-child span strong, div.case > p:first-child span u
	{
	  font-size  :  18px;
	  color : #ffffff;
	}


	.singleColumn .pictureArea
	{
		flex-direction  :  column;
	}

	.singleColumn p
	{
		margin-top  :  5px;
	}

	.singleColumn .pictureArea .image
	{
		min-width  :  100%;
		margin     :  10px 0px 0px 0px !important;
	}

	.singleColumn .pictureArea .image.left
	{
		margin     :  10px 0px 20px 0px !important;
	}

	.singleColumn .pictureArea .image img, #ContentsArea.innerPages .innerPgContent .singleColumn img
	{
		width      :  100% !important;
		max-width  :  100% !important;
	}	
}

	
@media screen and (max-width: 665px)
{
	.degreeProgramsDetails, .degreeProgramsDetails.row2
	{
		display  :  block;
		width  :  auto;
		margin  :  10px 0px 10px 0px;
		min-height: 200px;
	}
		
	.degreeProgramsDetails h4
	{
		font-size: 21px;
	}
	
	.degreeProgramsDetails li
	{
		line-height: 24px;
		font-size: 13px;
	}
	
	td.tdResponsive
	{
		display  :  block;
		width    :  100%;
	}
}


@media screen and (max-width: 610px)
{
	#AboutTimesDiv
	{
	  padding  :  2% 2% 370px 2%;
	}

	#ContentsArea #MsgsDiv .msgDetails
	{
		max-width  :  calc(100% - 40px);
	}

	.msgDetailsDiv
	{
		padding  :  20px 0px;
	}


	#Team table td
	{
		display  :  block;
		clear    :  both;
		width    :  100%;
	}

	#Team td:first-child img
	{
		margin-bottom  :  20px;
	}

	#Team td:last-child img
	{
		margin-top  :  20px;
	}
}


@media screen and (max-width: 540px)
{
	#QuickFactsDiv h1
	{
	  font-size       :  27px;
	}

	#QuickFactsDiv p
	{
	  font-size      :  16px;
	  line-height    :  24px;
	}
	
	#FactsListing .fact
	{
	  width           :  20%;
	  min-width       :  220px;
	  height          :  280px;
	  padding         :  50px 20px 20px 20px;
	}

	#FactsListing .fact h4
	{
	  font-size    :  56px;
	  line-height  :  64px;
	  height       :  64px;
	}

	#FactsListing .fact p
	{
	  font-size    :  24px;
	  max-height   :  90px;
	  line-height  :  30px;
	}
	
	#QuickFacts .slider
	{
		height: 380px;
	}
	
	#CourseListing
	{
	  columns  :  2;
	}
	
	#CourseListing div.course
	{
		width  :  calc(50% - 32px);
	}
	
	#CourseListing h1
	{
		font-size           :  14px;
		max-height          :  40px;
		line-height         :  20px;
	}
	
	
	#MsgsDiv
	{
		column-gap  :  0px;
	}
	
	.msgDetails
	{
		max-width  :  100%;
	}

	.msgDetails h2
	{
		height  :  auto;
	}	
}


@media screen and (max-width: 500px)
{
	#Header td.tdSocial
	{
		display  :  none;
	}
	
	#Notification
	{
		padding-top  :  66px;
	}
	
	#frmContact input.textbox, #frmContact select, #frmContact textarea
	{
	  width  :  88%;	
	}

	.contactPg td
	{
	  width  :  100%;
	}
	
	#Footer #FooterDiv
	{
		padding  :  30px 20px 30px 20px;
		columns  :  1;
	}
	
	#Footer .address, #Footer .contact, #Footer .location
	{
	  width   :  100%;
	  margin  :  0px;
	}
	
	#Footer .contact, #Footer .location
	{
		margin-top  :  20px;
	}
	
	#FooterDiv h2
	{
		font-size  :  36px;
	}

	#FooterBar td, #FooterBar td a
	{
	  font-size  :  13px; 	
	}

	.applyOnline
	{
	  padding  :  0 2px 10px 2px;
	  top      :  30px;
	  width    :  73px; 	
	}

	.applyOnline a 
	{
	  font-size  :  6px;
	}


	#MainLinksDiv td
	{
		width    :  46%;
		margin   :  0px auto 20px auto;
	}
	
	#MainLinksDiv td:nth-child(6)
	{
		display : inline-block;
	}
	
	#MainLinksDiv td:nth-child(4), #MainLinksDiv td:nth-child(8)
	{
		display : none;
	}
	
	#About span
	{
	  font-size  :  18px;	
	}

	#About h1
	{
	  font-size  :  21px; 	
	}

	#About p 
	{
	  line-height  :  20px;
	  font-size    :  14px;
	}

	.sy-controls li.sy-prev a::after, .sy-controls li.sy-next a::after
    {
      width  :  15px !important; 	
    }

	.sy-pager 
	{
	  bottom  :  33px;
	}

	.sy-pager li
	{
	  width   :  10px;
      height  :  10px;	
	}

	.bannerContent h1 
	{
	  font-size      :  8px;
	  line-height    :  8px;
	  margin-bottom  :  16px;
	  width          :  58% !important;
	}

	.bannerContent a 
	{
	  font-size  :  7px;
	  padding    :  7px 10px;
    }

	.sy-controls li.sy-prev
	{
	  left  :  4px; 	
	}

	.sy-controls li.sy-next 
	{
	  right  :  -17px;
    }

	#HeaderDiv table td a img
	{
	  width   :  240px;
      height  :  auto;	
	}

	h3
	{
	  font-size  :  18px;
	}


	ul.picsList li
	{
		width  :  calc(100% - 15px);
	}

	ul.picsList li span
	{
		padding          :  6px 10px;
		line-height      :  18px;
		height           :  36px;
		font-size        :  14px;
	}
}


@media screen and (max-width: 480px)
{
	#MobileNav ul li a, #MobileNav ul li a:hover, #MobileNav ul.first li a, #MobileNav ul.first li a:hover, #MobileNav ul.second li a, #MobileNav ul.second li a:hover, #MobileNav ul.third li a, #MobileNav ul.third li a:hover
	{
		padding-left  :  12px;
	}
	
	#frmVerification select, #frmResults select
	{
		max-width  :  96% !important;
	}
}

@media screen and (max-width: 440px)
{
	#Notification a
	{
		clear       :  both;
		display     :  inline-block;
		margin-top  :  5px;
	}
}


@media screen and (max-width: 380px)
{
	#ContentsArea .officetable tr td:nth-child(2)
	{
	  width  :  110px !important;
	}
	
	
	#QuickFactsDiv h1
	{
	  font-size       :  24px;
	}

	#QuickFactsDiv p
	{
	  font-size      :  14px;
	  line-height    :  20px;
	}
	
	#FactsListing .fact
	{
	  min-width       :  180px;
	  height          :  240px;
	  padding         :  40px 20px 20px 20px;
	}

	#FactsListing .fact h4
	{
	  font-size    :  48px;
	  line-height  :  56px;
	  height       :  56px;
	}

	#FactsListing .fact p
	{
	  font-size    :  21px;
	  max-height   :  81px;
	  line-height  :  27px;
	}
	
	#QuickFacts .slider
	{
		height: 340px;
	}
}


@media screen and (max-width: 350px)
{	

}