@media only screen and (min-width: 1800px) {
	.courselist .coursebox {
		width: 22%;
	}
}
@media only screen and (max-width: 1200px) {
	#trpage .trbox {
		width: 99%;
		margin-bottom: 30px;
		padding: 12%;
	}
	#trpage .trbox figure img{
		width: 40%;
		height: auto;
	}
  .mojavezbox {
    margin: 5px;
  }
  #topcoin a {
    font-size: 12px;
  }
  #thecourses.archivecourses .course {
    height: 460px;
  }
  .course .cmore {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 94%;
  }
  .courselist{
    text-align: center;
  }
  .courselist .coursebox {
    width: 48.5%;
    display: inline-block;
    float: none;
  }
  #relatedcourses ul li {
    margin-bottom: 15px;
  }
  #relatedcourses ul li:nth-child(odd) {
    width: 47%;
    float: right;
    margin: 10px 0;
  }
  #relatedcourses ul li:nth-child(even) {
    width: 47%;
    float: left;
    margin: 10px 0;
  }
  #pathgraduates ul li {
    width: 14.6%;
    margin: 1%;
  }
  #pathmainlist.patharchivepage article {
    flex-direction: column;
  }
  #pathmainlist.patharchivepage article figure {
    width: 100%;
  }
  .pathleftside {
    width: 100%;
    padding: 10px 30px 20px;
  }
  /* #pathmainlist.patharchivepage ul li {
    width: 48.5%;
  } */
  .blogarpost {
    width: 46%;
  }
  .blogarpost:not(:nth-child(1)) {
    min-height: 540px;
  }
  .pathleftbox,
  .pathrightbox {
    width: 100% !important;
    float: none !important;
  }
  .pathrightbox {
    margin-left: 0 !important;
    margin-bottom: 20px;
  }
  .pathrightbox .sticky-wrapper.is-sticky {
    height: auto !important;
  }
  .pathrightbox .cboxmain {
    position: relative !important;
    top: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  #slogan {
    font-size: 32px;
  }
	#pathmainlist.patharchivepage  ul#filterOptions {
		justify-content:space-around !important;
	}
	ul#filterOptions li {	
		width: 33% !important;
	}
	#pathmainlist.patharchivepage article figure a {
		font-size: 24px;
		line-height: 40px;
	}
  #thecourses.archivecourses .course {
    width: 48%;
    height: 460px;
    margin-left: 1%;
  }
  #navbar {
    display: none;
  }
  #main h4 {
    font-size: 23px;
  }
  #rightcol,
  #rightcol.rightcolblog {
    width: 100%;
    float: none;
  }
  #leftcol,
  #leftcol.leftcolblog {
    width: 100%;
    float: none;
    margin-top: 30px;
  }
  #courseprice a {
    width: 33%;
    text-align: center;
  }
  #coursename a {
    width: 40%;
    display: inline-block;
  }
  #pagecontent .graduatebox {
    width: 12.5%;
  }
  .boxcourses .regsiterbox {
    height: 400px;
  }
  #postbtmbar {
    display: none;
  }
  ul#pathsubsarfasl li {
    font-size: 13px;
  }
  #pathcorps ul li img {
    width: 80%;
  }
  #rightland {
    width: 95%;
    float: none;
    margin: 0 auto;
  }
  #leftland {
    width: 95%;
    float: none;
    margin: 0 auto;
  }
  #landpricetexttop {
    display: none;
  }
  #landpricetextbtm {
    display: none;
  }
  #landpricetop {
    float: none;
    width: 95%;
    margin: 0 auto;
  }
  #landpricebtm {
    float: none;
    width: 95%;
    margin: 0 auto;
  }
  #pathmain #relatedcourses article {
    float: none;
    margin: 10px 0;
    width: auto;
  }
  .mihanpanel-page .mihanpanel-card-content #pathcalendar table{
    max-width: 690px !important;
  }
  .mihanpanel-page .mihanpanel-card-content #pathcalendar table{
    max-width: 850px !important;
    display: inline-block;
    overflow-x: auto;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 992px) {
  .camp-intro {
    grid-template-columns: 1fr;
  }

  .camp-intro__picture {
    display: none;
  }
  .mihanpanelpanel .pagecontent a img{
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 980px) {
	#banners .featurebox {
		width: 48%;
		margin-bottom: 20px;
	}
	#lmb .lmbox {
		width: 24%;
	}
	#lmb .lmbox:nth-child(4) {padding-top:70px; border-left: none;}
  #pagecontent table#edd_purchase_receipt,
  #pagecontent table#edd_purchase_receipt_products {
    width: 98%;
    float: none;
  }
  #mainsearch {
    width: 100%;
    margin: 20px 0;
    border-left: none;
    padding-left: 0;
  }
  #searchgraduate {
    width: 90%;
  }
  #menucats {
    float: right;
    width: 100%;
    margin: 10px 0;
    padding: 0;
  }
  #videobox #description {
    width: 100%;
  }
  #videobox #videoplayer {
    width: 100%;
    margin: 10px 0;
  }
  .boxcourses .regsiterbox {
    width: 47%;
    height: 330px;
  }
  #pagecontent .graduatebox {
    width: 18%;
    height: 200px;
  }
  #banright {
    float: none;
    width: 100%;
  }
  #banleft {
    float: none;
    width: 100%;
  }
  #popularcats ul li {
    width: 47%;
    margin: 1%;
    padding: 0;
    display: inline-block;
  }
  #popularcats ul li a {
    display: block;
  }
  .futurecoursebox .futurecourse {
    float: none;
    width: 100%;
    margin: 1% 0;
    height: auto;
  }
  #topbanners figure {
    width: 99.5%;
    float: none;
  }
  #pathmainlist article .pathprice {
    display: none;
  }
  .pathindexright {
    width: 100%;
  }
  #courseplanning ul li img {
    width: 11%;
  }
  .cboxinner.pathfootbox {
    float: none;
    margin: 20px 0 0 0;
    width: 100%;
  }
  #pathgraduates ul li {
    width: 24%;
    margin: 0.5%;
  }
  #pathgraduates ul li img {
    display: block;
  }
  #pathjobtitles ul#jobtitlelist li {
    width: 97.5%;
    margin: 10px 0;
  }
  #pathsarfasl {
    float: none;
    width: 100%;
  }
  #pathtrainers {
    float: none;
    width: 100%;
    padding: 0;
    border-right: 0;
  }
  ul#pathsubsarfasl li {
    float: none;
    margin: 4px 0;
    font-size: 15px;
    width: 98%;
  }
  .landingpage .wp-video {
    width: 95% !important;
    margin: 0 auto;
  }
  #menuholder {
    display: none;
  }
  #resmenu {
    display: block;
  }
  #offlinepagesb {
    float: none;
    width: auto;
  }
  #offlinepagecont {
    width: auto;
    float: none;
  }
  .arrowBox a {
    padding: 20px 30px;
  }
  #route .currcourse h1 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 800px) {
  #topimages .numbox {
    width: 50%;
    margin-bottom: 20px;
  }
	#pathmainlist.patharchivepage article {
		width: 100%;
	}
	#pathmainlist article h2 {margin: 8px 0 20px 0;}
  .fullpage #pagec_right {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 auto;
    border-left: 1px solid #333;
  }
  .fullpage #pagec_left {
    width: 100%;
    float: none;
    padding: 0;
    margin: 20px auto 0 auto;
  }

  #nazarat .custom-comment {
    height: 200px;
  }
  #suppliers .supplierbox {
    width: 48%;
    margin: 1%;
    display: inline-block;
  }
  .courselist .coursebox {
    width: 99%;
    margin-bottom: 16px;
  }
  .barbox {
    width: 48%;
  }
  #partners p {
    width: 31%;
  }
  #pagecontent #karamoozirequest {
    width: 90%;
  }
  .courselist .coursebox .thumb {
    max-height: unset;
    margin-bottom: 16px;
  }
  #bottomwidgets .bwidg {
    width: 49%;
    margin: 0 0 32px 2%;
  }
  #bottomwidgets .bwidg:nth-of-type(2n + 2) {
    margin-left: 0;
  }
  #subsbox {
    overflow: hidden;
    width: 100%;
    float: none;
    margin: 0 0 32px 0;
  }
  #formbox #mc_embed_signup form {
    margin: 32px 0;
    display: flex;
    justify-content: center;
  }
  #mc_embed_signup input.email {
    font: normal 15px/30px iranyekan, arial !important;
  }
  #mojavez {
    display: flex;
    flex-wrap: wrap;
    float: none;
    width: 100%;
    text-align: right;
    justify-content: center;
  }

  .pathcotr {
    display: none;
  }
  .pathcourse {
    padding: 4%;
    text-align: center;
  }
  .pathcourse img {
    display: block;
    width: 40%;
    float: none;
    margin: 0 auto;
  }
  #pathsarfasl .pathcourse p {
    text-align: center !important;
  }
  #route .currcourse h1 {
    font-size: 25px;
  }
  #pathmain #relatedcourses article p {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
	#trpage .trbox {
		width: 99%;
		margin-bottom: 30px;
		padding: 10%;
	}
	#trpage .trbox figure img{
		width: 70%;
		height: auto;
	}
  .wp-image-14671 {
    display: none;
  }
  .pathrightbox {
    display: none;
  }
  #gradibelow {
    height: 50px;
  }
  .loginbut.userisin,
  .loginbut.usernotin {
    display: none;
  }
  .loginbut.userisin.res-btn,
  .loginbut.usernotin.res-btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #social {
    display: none;
  }
  #mySidenav #social {
    display: flex;
    justify-content: space-evenly;
  }
  .fixed-register {
    display: block;
  }
  a.img-content {
    display: none;
  }
  #thecourses.archivecourses .course {
    width: 99%;
    margin: 10px auto;
    float: none;
    height: auto;
  }
  #postbtmbar .allcourses {
    width: 100%;
    float: none;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    padding: 10px 0;
  }
  #certification p {
    width: 40%;
  }
  #pagecontent {
    text-align: justify;
  }
  #pagecontent h2 {
    text-align: right;
  }
  .blogarpost h2 a {
    letter-spacing: 0;
  }
  #coursebox .courselist .coursebox .cbtitle {
    height: initial;
  }
  #coursebox .courselist .coursebox .c_entitle {
    height: initial;
  }
  .course .cmore {
    position: relative;
    display: block;
    width: 100%;
  }
  #coursename a {
    width: 99%;
    padding: 10px 0;
    display: inline-block;
    margin: 10px 0;
  }
  #navbar {
    display: none;
  }
  #bottomwidgets .bwidg {
    width: 100%;
    margin: 0;
    text-align: center;
    float: none;
    margin-bottom: 32px;
    font-size: 25px;
  }
  #bottomwidgets #subscription {
    text-align: center;
    float: none;
  }
  #subscription #subsbox {
    text-align: center;
  }
  #copyright .container {
    background: 0 0;
  }
  #searchgraduate {
    width: 95%;
  }
  #pagecontent .graduatebox {
    width: 31%;
    height: 250px;
  }
  #videobox #topimages {
    text-align: center;
  }
  #videobox #topimages figure {
    width: 45%;
    float: none;
    display: inline-block;
    height: auto;
    margin: 0 2% 20px 2%;
    text-align: center;
  }
  #videobox #description a {
    width: 70%;
    margin: 5px auto;
  }
  #pathmainlist,
  #pathmainlist * {
    text-align: center;
  }
  #pathmainlist figure {
    width: 30%;
    float: none;
    margin: 0 auto;
    display: block;
    margin: 0 auto 20px auto;
    padding: 0;
    border-left: none;
  }
  #pathmainlist.patharchivepage article figure {
    padding: 20px;
  }
  #pathmainlist article h2 a span {
    display: block;
    margin: 10px 0;
  }
  #subslogan {
    line-height: 40px;
    font-size: 22px;
  }
  #moshaverebox #fitimg {
    background: url(https://roshdana.com/wp-content/themes/roshdito_beta/images/moshaverfit.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 200px;
    float: none;
    position: relative;
  }
  #moshaverebox #fitform {
    width: 100%;
    float: none;
  }
  #courseprice a {
    width: 98%;
    padding: 1%;
    margin: 1% 0;
  }
  #pathmain #courseprice ul li {
    font-size: 17px;
    margin: 2% 0;
    padding: 2% 0;
  }
  #pathmain .paththumb {
    display: none;
  }
  .allcoursesbut a {
    width: 80%;
    display: block;
    margin: 5px auto;
  }
  #socialfooter {
    text-align: center;
  }
  #socialfooter ul {
    margin-top: 32px;
  }
  #socialfooter ul li {
    line-height: 46px;
  }
  #blogrightcol,
  #blogrightsb,
  #pagecontent {
    width: 100%;
    float: none;
    margin: 0 0 32px 0;
  }
  #pathindex #pathmainlist article {
    box-sizing: border-box;
    margin-bottom: 16px;
  }
  #relatedcourses ul li a {
    min-height: 66px;
    box-sizing: border-box;
    padding: 8px 16px;
  }
  #featuredblogpost .featblogpost {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 16px;
  }
  #featuredblogpost .featblogpost .postpic img {
    width: 100%;
    height: auto;
    display: block;
  }
  .blogarpost {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  .postpic img {
    width: 100%;
    height: auto;
    max-height: initial;
    display: block;
  }
  .blogarpost:not(:nth-child(1)) {
    min-height: initial !important;
  }
  #pagecontent .landingpage table {
    /* for scroll horizontal*/
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  #route .prevcourse,
  #route .nextcourse {
    float: none;
    display: inline-block;
    margin: 0 auto;
  }
  #route .nextcourse {
    margin-top: 30px;
  }
  #route .currcourse {
    display: block;
  }
  .page-id-46224 #pagecontent h2 {
    text-align: center;
  }
	#pagecontent .wpcf7 {
	  width: 90%;
	  margin: 0 auto;
	}
  #pathselectbox .wpcf7-form input,
	#pagecontent .wpcf7 input {
		width: auto;
	}	
	#hrscore{
	  flex-wrap: wrap;
	}
	#hrscore .hrscorebox{
	  width: 49%;
	  margin: 10px 0;
	}
	.mihanpanel-page .mihanpanel-card-content #pathcalendar table{
	  max-width: 580px !important;
	}
	#pagecontent #careerconsultpage .wpcf7 tr td:first-child{
	  text-align: right !important;
	}
	#pagecontent #careerconsult_in table tr td{
	display:block; box-sizing:border-box; clear:both;
	}
}
@media only screen and (max-width: 640px) {
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
	#banners .featurebox {
		width: 48%;
		margin-bottom: 20px;
	}
	#lmb {margin: 15px 0;}
	#lmb .lmbox {
		width: 46%;
		padding-top: 20px !important;
		border: 2px dashed #ddd !important;
		border-radius: 5px;
		margin: 2%;
	}

	#banners .featurebox {
		width: 98%;
		margin-bottom: 20px;
		padding: 10%;
	}

  #nazarat .custom-comment {
    height: 250px;
  }
	ul#filterOptions li {	
		width: 49.5% !important;
	}
  .boxcourses .regsiterbox {
    width: 99%;
    margin: 10px auto;
    float: none;
    height: auto;
  }
  #headsearch {
    display: none;
  }
  #partners p {
    width: 33%;
  }
  #courseprice a.postbg {
    width: 100%;
    padding: 10px 0;
    float: none;
    display: inline-block;
    margin-top: 20px;
  }
  #searchgraduate {
    width: 95%;
  }
  #pagecontent #taxfilter .beautiful-taxonomy-filters-tax {
    width: 100%;
    margin-bottom: 10px;
  }
  #pagecontent .graduatebox {
    width: 48%;
    height: 270px;
  }
  .listtitle {
    overflow: hidden;
  }
  #relatedcourses ul li {
    float: none;
    width: 99%;
  }
  #pathgraduates ul li {
    width: 48%;
    margin: 1%;
  }
  #pathmainlist.patharchivepage ul li {
    width: 99%;
    margin: 3px 0;
  }
  #suppliers .supplierbox {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 16px;
  }
  #suppliers .supplierbox figure img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: auto;
  }
  #commentform input#submit {
    width: 50%;
    margin-top: 32px;
  }
  .mihanpanel-card-content #subpages li a {
    padding: 8% 5%;
    font-size: 18px;
  }
  .mihanpanel-page .mihanpanel-card-content #pathcalendar table{
    max-width: 490px !important;
  }

}
@media only screen and (max-width: 480px) {
  .servicesbox {
    width: 100%;
    margin: 6px 0;
  }
  #main {
    line-height: 42px;
  }
  #subslogan {
    line-height: 42px;
  }
  #popularcats ul li {
    width: 100%;
    margin: 1% 0;
    padding: 0;
    display: inline-block;
  }
  #popularcats ul li a {
    display: block;
  }
  #suppliers .supplierbox {
    width: 100%;
    margin: 1% 0;
    display: inline-block;
  }
  #suppliers .supplierbox figure img {
    width: 100%;
    height: auto;
  }
  #nazarat .custom-comment {
    height: 300px;
  }
  .barbox {
    width: 88%;
  }
  #logo a {
    width: 237px;
  }
  #pagecontent #karamoozirequest {
    width: 95%;
  }
  #pagecontent .graduatebox {
    width: 45%;
  }
  .postpic {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 16px;
    max-width: 100%;
  }
  #relatedcourses ul li {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-bottom: 16px !important;
    max-width: 100% !important;
  }
  #relatedcourses ul li a {
    min-height: auto;
  }
  body.page-id-2556 #gallery-1 {
    /* dont display img gallery on www.roshdana.com/internship/*/
    display: none !important;
  }
  #edd_checkout_form_wrap span.edd-description,
  #edd_checkout_form_wrap label {
    text-align: initial !important;
  }
  #hrscore .hrscorebox{
    width: 100%;
  }
  .mihanpanel-page .mihanpanel-card-content #pathcalendar table{
    max-width: 370px !important;
  }
}
@media only screen and (max-width: 400px) {
  #nazarat .custom-comment {
    height: 340px;
  }
}
@media only screen and (max-width: 380px) {
  #teampage ul li {
    width: 100%;
    margin-left: 0;
  }
  .mihanpanel-card-content #subpages li {
    width: 260px;
  }
  .mihanpanel-page .mihanpanel-card-content #pathcalendar table{
    max-width: 290px !important;
  }
}