/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.coursesbox { width: 33%; padding: 15px 0px 15px 0px}
.courrs {width: 80%; margin-left: 97px;}
.courrs:hover {width: 80%; margin-left: 97px;}
.courcf {width: 80%; margin-left: 97px;}
.courcf:hover {width: 80%; margin-left: 97px;}
.courac {width: 80%; margin-left: 97px;}
.courac:hover {width: 80%; margin-left: 97px;}
.coursesbox:hover h2 {font-size: 20px;}
.coursesbox h2{ font-size: 22px; margin-bottom: 10px;}
.courcont{ width: 100%; text-align: center; padding: 16px 0px; font-size: 18px;}
.plusfont{width: 16%;}
.bgorange{ width: 10%}
.wrapper { max-width: 100%;}
.logo{ width: 50%}
.logo img{ height: 89px !important;}

.search-form{ width: 20%; padding: 10px 10px;}
.loginblog { width: 78%;float: right;background-color: #fff; position: absolute; top: -38px; right: -348px; z-index: 99; height: 180px;} 
.loginblog1 { width: 78%;float: right;background-color: #fff; position: absolute; top: -38px; right: -348px !important; z-index: 99; height: 180px;}
    
.button{top: 15px}
.button::before {height: 4px;}
.button.menu-opened::after {top: 23px;height: 4px;background: #ddd;}
.button.menu-opened::before {top: 23px;background: #ddd;}
#cssmenu .submenu-button.submenu-opened{display: none;}
#cssmenu .submenu-button{ display: none;}
#cssmenu > ul > li > a{border-left:none; padding: 25px 18px 23px 13px; }
#cssmenu > ul > li.has-sub > a {padding-right: 13px;}
#cssmenu #head-mobile{ padding: 35px;}
.exambox { width: 100%; float: left; margin: 2% 0% 0% 1%;}
.roundbox { width: 11%;float: left;margin: 1% 1% 0% 0%;}
.examround{ padding: 25px 0px 25px 0px;}

#tab-button li a{ font-size: 13px;}
.footerlogo {margin: 0px 0px 0px 0px; text-align: center;}
.footerlinks{ text-align: center;}
.footerlinks li{ margin: 35px 0px 0px 0px;}
.footerlinks li a{padding: 0px 10px;}
.footerlinks li a:hover{padding: 0px 10px;}
.footerlink { width: 100%;}

.add p{ width: 40%;  margin-left: 1%;}
.W12 {width: 14%;float: left; margin: 0px 0px 0px 5px;}
.W35 { width: 45%;}
.W40 {width: 50%;}
.copyrightcont { width: 100%;float: left; margin: 0% 0% 0% 0%;text-align: center;}   
#triangle-bottomleft{ width: 100%}
.googleapp {width: 35%;float: left; color: #fff; margin-top: 80px;} 
.googleapp span {padding: 10px 10px;}
.mobileapp {font-size: 16px; padding: 20px 0px 10px 0px;} 

.redhatblog { width: 33.3%;}
.advasadobe { width: 100%;}
.redhatimg {padding: 10px;}
.W80 { padding: 10px 4px;} 
    
}
  
/* sm */

@media (min-width: 768px) and (max-width: 991px) {
 
.coursesbox { width: 50%; padding: 15px 0px 15px 0px}
.courrs {width: 70%; margin-left: 120px;}
.courrs:hover {width: 70%; margin-left: 120px;}
.courcf {width: 70%; margin-left: 120px;}
.courcf:hover {width: 70%; margin-left: 120px;}
.courac {width: 70%; margin-left: 120px;}
.courac:hover {width: 70%; margin-left: 120px;}
.coursesbox:hover h2 {font-size: 20px;}
.coursesbox h2{ font-size: 20px}
.courcont{ width: 100%; text-align: center; padding: 16px 0px; font-size: 16px;}
.plusfont{width: 14%;}
.bgorange{ width: 10%}
.wrapper { max-width: 100%;}
.logo{ width: 50%}
.logo img{ height:75px !important; margin-top: 11px;}
.loginbox{ display: none;}
.button{top: 15px}
.button::before {height: 4px;}
.button.menu-opened::after {top: 23px;height: 4px;background: #ddd;}
.button.menu-opened::before {top: 23px;background: #ddd;}
/*
#cssmenu .submenu-button.submenu-opened{display: none;}
#cssmenu .submenu-button{ display: none;}
*/
#cssmenu > ul > li > a{border-left:none; padding: 15px 18px 15px 30px }
#cssmenu #head-mobile{ padding: 35px;}
.search-form{ width: 100%;}
.exambox { width: 100%; float: left; margin: 2% 0% 0% 1%;}
.roundbox { width: 11%;float: left;margin: 1% 1% 0% 0%;}
.examround{ padding: 15px 0px 15px 0px;}
.roundbox p {font-size: 13px;}
#tab-button li a{ font-size: 10px;}
.footerlogo {margin: 20px 0px 0px 0px; text-align: center;}
.footerlinks{ text-align: center;}
.footerlinks li{ margin: 10px 0px 0px 0px;}
.footerlinks li a{padding: 0px 10px;}
.footerlinks li a:hover{padding: 0px 10px;}
.footerlink { width: 100%;}

.add p{ width: 87%; text-align: center; margin-left: 6%;}
.W12 {width: 21%;float: left; margin: 0px 0px 0px 20px;}
.W35 { width: 20%;}
.W40 {width: 20%;}
.copyrightcont { width: 100%;float: left; margin: 0% 0% 0% 0%;text-align: center;}
#triangle-bottomleft{ width: 100%} 
.googleapp {width: 35%;float: left; color: #fff; margin-top: 80px;margin-left: 120px;} 
.googleapp span {padding: 10px 10px;}
.mobileapp {font-size: 16px; padding: 20px 0px 10px 0px;} 
/* Media query CSS Add 04-02-2019 */    
    
.W30 {width: 60%; margin-left: 25%;border-radius: 0px;}    
.W25 {width: 60%;margin-left: 10%;}
#cssmenu > ul > li > a {padding: 15px 18px 15px 16px; border-left: none;}
#cssmenu li:hover > ul {left: 0px; z-index: 999; padding: 0px;}
#cssmenu ul ul, #cssmenu ul ul ul{ padding: 0px;}
    
.redhatblog { width: 100%;}
.advasadobe { width: 50%;}
.redhatimg {padding: 10px;}
.W80 { padding: 10px 4px;} 
    
    
}


/* xs */
@media (min-width: 640px) and (max-width: 767px)
{
.coursesbox { width: 50%; padding: 15px 0px 15px 0px}
.courrs {width: 70%; margin-left: 95px;}
.courrs:hover {width: 70%; margin-left: 95px;}
.courcf {width: 70%; margin-left: 95px;}
.courcf:hover {width: 70%; margin-left: 95px;}
.courac {width: 70%; margin-left: 95px;}
.courac:hover {width: 70%; margin-left: 95px;}
.coursesbox:hover h2 {font-size: 20px;}
.coursesbox h2{ font-size: 20px}
.courcont{ width: 100%; text-align: center; padding: 16px 0px; font-size: 14px;}
.plusfont{width: 16%;}
.bgorange{ width: 10%}
.wrapper { max-width: 100%;}
.logo{ width: 50%}
.logo img{ height: 89px !important;}
.loginbox{ display: none;}
.search-form{ width: 100%;}
.button{top: 40px}
.button::before {height: 4px;}
.button.menu-opened::after {top: 23px;height: 4px;background: #ddd;}
.button.menu-opened::before {top: 23px;background: #ddd;}
/*
#cssmenu .submenu-button.submenu-opened{display: none;}
#cssmenu .submenu-button{ display: none;}
*/
#cssmenu > ul > li > a{border-left:none; padding: 25px 18px 15px 16px; }    
#cssmenu #head-mobile{ padding: 55px;}
.exambox { width: 96%; float: left; margin: 2% 0% 0% 4%;}
.roundbox { width: 17%;float: left;margin: 1% 2% 0% 0%;}
.examround{ padding: 25px 0px 25px 0px}
.roundbox p {font-size: 11px;}
.footerlogo {margin: 20px 0px 0px 0px; text-align: center;}
.footerlinks{ text-align: center;}
.footerlinks li{ margin: 10px 0px 0px 0px;}
.footerlinks li a{padding: 0px 7px;}
.footerlinks li a:hover{padding: 0px 7px;}
.footerlink { width: 100%;}

.add p{ width: 87%; text-align: center; margin-left: 6%;}
.W12 {width: 21%;float: left; margin: 0px 0px 0px 20px;}
.W35 { width: 22%;}
.W40 {width: 25%;}
.copyrightcont { width: 100%;float: left; margin: 0% 0% 0% 0%;text-align: center;}
#triangle-bottomleft{ width: 100%}
.persdeta span{ padding: 8px 60px}
.googleapp { width: 80%; float: left; color: #fff; margin-top: 30px; text-align: center;} 
.googleapp span {padding: 10px 10px;}
.mobileapp {font-size: 16px; padding: 20px 0px 10px 0px;}
    
/* Media query CSS Add 04-02-2019 */    
    
.W30 {width: 60%; margin-left: 25%;border-radius: 0px;}    
.W25 {width: 60%;margin-left: 10%;}
#cssmenu > ul > li > a {padding: 15px 18px 15px 16px; border-left: none;}
#cssmenu li:hover > ul {left: 0px; z-index: 999; padding: 0px;}
#cssmenu ul ul, #cssmenu ul ul ul{ padding: 0px;}

.redhatblog { width: 100%;}
.advasadobe { width: 50%;}
.redhatimg {padding: 10px;}
.W80 { padding: 10px 4px; min-height: 90px;}     
    
}

/* XS Portrait */
@media (min-width: 480px) and (max-width: 639px)
{
.coursesbox { width: 100%;}
.plusfont{width: 22%;}
.bgorange{ width: 20%}
.wrapper { max-width: 100%;}
.logo{ width: 50%; text-align: left;}
.logo img{ height: 70px !important;}
.loginbox{ display: none;}
.search-form{ width: 100%;}
.button{top: 15px}
.button::before {height: 4px;}
.button.menu-opened::after {top: 23px;height: 4px;background: #ddd;}
.button.menu-opened::before {top: 23px;background: #ddd;}
/*
#cssmenu .submenu-button.submenu-opened{display: none;}
#cssmenu .submenu-button{ display: none;}
*/
#cssmenu > ul > li > a{border-left:none; padding: 25px 18px 15px 16px; }
#cssmenu #head-mobile{ padding: 40px;}
.exambox { width: 96%; float: left; margin: 2% 0% 0% 4%;}
.roundbox { width: 21%;float: left;margin: 1% 3% 0% 0%;}
.examround{ padding: 20px 0px 20px 0px}
.roundbox p {font-size: 11px;}
.footerlogo {margin: 20px 0px 0px 0px; text-align: center;}
.footerlinks{ text-align: center;}
.footerlinks li{ margin: 10px 0px 0px 0px;}
.footerlinks li a{padding: 0px 15px;}
.footerlinks li a:hover{padding: 0px 15px;}
.footerlink { width: 100%;}

.add p{ width: 87%; text-align: center; margin-left: 6%;}
.W12 {width: 40%;float: left; margin: 0px 0px 0px 30px;}
.W35 { width: 30%;}
.W40 {width: 35%;}
.copyrightcont { width: 100%;float: left; margin: 0% 0% 0% 0%;text-align: center;}
#triangle-bottomleft{ width: 100%}
.persdeta span{ padding: 8px 60px} 
.googleapp { width: 100%; float: left; color: #fff; margin-top: 30px; text-align: center;} 
.googleapp span {padding: 10px 10px;}
.mobileapp {font-size: 16px; padding: 20px 0px 10px 0px;}

/* Media query CSS Add 04-02-2019 */    
    
.W30 {width: 60%; margin-left: 25%;border-radius: 0px;}    
.W25 {width: 60%;margin-left: 10%;}
#cssmenu > ul > li > a {padding: 15px 18px 15px 16px; border-left: none;}
#cssmenu li:hover > ul {left: 0px; z-index: 999; padding: 0px;}
#cssmenu ul ul, #cssmenu ul ul ul{ padding: 0px;}     
 
.redhatblog { width: 100%;}
.advasadobe { width: 50%;}
.redhatimg {padding: 10px;}
.W80 { padding: 10px 4px;}    
    
}

@media (max-width: 414px) {
.examround {width: 90%;padding: 22% 0px 20% 0px;}  
.footerlinks li a {padding: 0px 15px;}
.footerlinks li a:hover {padding: 0px 15px;}
.add p {margin-left: 0%;}    
.W40 {width: 45% !important;}
    
}

@media (min-width: 360px) and (max-width: 479px){
.coursesbox { width: 100%;}
.plusfont{width: 30%;}
.bgorange{ width: 20%}
.wrapper { max-width: 100%;}
.logo{ width: 70%; text-align: left;}
.logo img{ height: 60px !important;}
.loginbox{ display: none;}
.search-form{ width: 100%;}
.button{top: 15px}
.button::before {height: 4px;}
.button.menu-opened::after {top: 23px;height: 4px;background: #ddd;}
.button.menu-opened::before {top: 23px;background: #ddd;}
/*
#cssmenu .submenu-button.submenu-opened{display: none;}
#cssmenu .submenu-button{ display: none;}
*/
#cssmenu > ul > li > a{border-left:none; padding: 25px 18px 15px 16px; }
#cssmenu #head-mobile{ padding: 35px;}
.exambox { width: 96%; float: left; margin: 2% 0% 0% 4%;}
.roundbox { width: 30%;float: left;margin: 1% 3% 0% 0%;}
.roundbox p {font-size: 11px;}
.footerlogo {margin: 20px 0px 0px 0px; text-align: center;}
.footerlinks li{ margin: 20px 0px 0px 0px;}
.footerlink { width: 100%;}
.add p{ width: 100%; text-align: center;}
.W12 {width: 40%;float: left; margin: 0px 0px 0px 30px;}
.W35 { width: 40%;}
.W40 {width: 50%;}
.copyrightcont { width: 100%;float: left; margin: 0% 0% 0% 0%;text-align: center;}
#triangle-bottomleft{ width: 100%}
.persdeta span{ padding: 8px 60px}
.googleapp { width: 80%; float: left; color: #fff; margin-top: 30px; text-align: center;} 
.googleapp span {padding: 10px 0px;}
.mobileapp {font-size: 16px; padding: 20px 0px 10px 0px;}

/* Media query CSS Add 04-02-2019 */    
    
.W30 {width: 60%; margin-left: 25%;border-radius: 0px;}    
.W25 {width: 60%;margin-left: 10%;}
#cssmenu > ul > li > a {padding: 15px 18px 15px 16px; border-left: none;}
#cssmenu li:hover > ul {left: 0px; z-index: 999; padding: 0px;}
#cssmenu ul ul, #cssmenu ul ul ul{ padding: 0px;} 

.redhatblog { width: 100%;}
.advasadobe { width: 100%;}
.redhatimg {padding: 10px;}
.W80 { padding: 10px 4px;}
    
    
}


@media (min-width: 320px) and (max-width: 359px){
    
.coursesbox { width: 100%;}
.plusfont{width: 35%;}
.bgorange{ width: 25%}
.wrapper { max-width: 100%;}
.logo{ width: 70%; text-align: left;}
.logo img{ height: 60px !important;}
.loginbox{ display: none;}
.search-form {width: 100%;}
.courrs {width: 40%; margin-right: 0px;}
.courrs:hover {width: 40%; margin-right: 0px;}
.courcf {width: 40%; margin-right: 0px;}
.courcf:hover {width: 40%; margin-right: 0px;}
.courac {width: 40%; margin-right: 0px;}
.courac:hover {width: 40%; margin-right: 0px;}
    
.courcont { width: 60%;}   
.button{top: 15px}
.button::before {height: 4px;}
.button.menu-opened::after {top: 23px;height: 4px;background: #ddd;}
.button.menu-opened::before {top: 23px;background: #ddd;}
#cssmenu #head-mobile{ padding: 35px;}
.exambox { width: 96%; float: left; margin: 2% 0% 0% 4%;}
.roundbox { width: 30%;float: left;margin: 1% 3% 0% 0%;}
.roundbox p {font-size: 11px;}
.footerlogo {margin: 20px 0px 0px 0px; text-align: center;}
.footerlinks li{ margin: 20px 0px 0px 0px;}
.footerlink { width: 100%;}
.add p{ width: 100%; text-align: center; margin-left: 0%;}
.W12 {width: 45%;float: left; margin: 0px 0px 0px 12px;}
.footerlinks li a{ padding: 0px 15px;}
.footerlinks li a:hover{ padding: 0px 15px;}
.W35 { width: 45%;}
.W40 {width: 55%;}
.examround{ padding: 20px 0px 20px 0px;}
.copyrightcont { width: 100%;float: left; margin: 0% 0% 0% 0%;text-align: center;}
#triangle-bottomleft{ width: 100%}
.persdeta span{ padding: 8px 80px}
.googleapp { width: 80%; float: left; color: #fff; margin-top: 30px; text-align: center;} 
.googleapp span {padding: 10px 0px;}
.mobileapp {font-size: 16px; padding: 20px 0px 10px 0px;}
    
/* Media query CSS Add 04-02-2019 */    
    
.W30 {width: 60%; margin-left: 25%;border-radius: 0px;}    
.W25 {width: 60%;margin-left: 10%;}
#cssmenu > ul > li > a {padding: 15px 18px 15px 16px; border-left: none;}    
#cssmenu li:hover > ul {left: 0px; z-index: 999; padding: 0px;}
#cssmenu ul ul, #cssmenu ul ul ul{ padding: 0px;}   

.redhatblog { width: 100%;}
.advasadobe { width: 100%;}
.redhatimg {padding: 10px;}
.W80 { padding: 10px 4px;}
    
    
}    

@media (min-width: 1200px) and (max-width: 1500px) {
	    
/* Media query for big screen*/

.loginblog{ width:78%; float: right; background-color: #fff; position: absolute; top: -28px; right:-396px; z-index:99;}


.loginblog1{ width:78%; float: right; background-color: #fff; position: absolute; top: -28px; right:-396px; z-index:80;
 -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;height: 180px;
  
  }

.searchgkblog{ width: 100%; float: left; background: rgba(10,36,43,.7); font-size: 12px; font-weight: bold;}



}


@media (min-width: 1500px) and (max-width: 1900px) {
	    
/* Media query for big screen*/

.loginblog{ width:78%; float: right; background-color: #fff; position: absolute; top: -28px; right:-398px; z-index:99;}


.loginblog1{ width:78%; float: right; background-color: #fff; position: absolute; top: -28px; right:-398px; z-index:80;
 -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;height: 180px;
  
  }
.searchgkblog{ width: 100%; float: left; background: rgba(10,36,43,.7); font-size: 12px; font-weight: bold;}


#cssmenu > ul > li.has-sub > a 
{
    padding-right: 21px;
}


}