@media screen and (max-width:1199px){
.layout-width{width: 96%;}
.container{width: 100%;}
.section1, .section4{max-width: 90%;}
footer{margin: 20px;}

}
/*Apple iPad landscape---*/
@media screen and (max-width:1024px){
.section5 .left li a{padding: 13px 70px 13px 10px;}
.section4 li{margin: 0 29px 30px 0;}
.larger-alignment{padding: 10px 50px;}
#chaticon{display:block !important;}


}

@media screen and (max-width:980px){
.section1{margin: 0 auto 50px;}
.section1 .left{width: 45%;}
.section1 .left p{line-height: 40px;font-size: 32px;}
.section1 .left small{line-height: 24px;}
.section5 .left{width: 100%; float: none;}
.section5 .right{width: 100%; float: none;}
.section5 .left li{display: inline-block;}
.section5 .right .listing-desc .thumbnail{background-size: 100% !important;}
.section5 .right .listing-desc .detail{height: auto;}
.section5 .right .listing-desc .detail .display-table{height: inherit;}
.section4 li{width: 47%; margin: 0 10px 50px;}
.section4 li .thumbnail img{width: 100%;}
.section4 li .description{min-height: 240px;}
.sub-header .title-date h2{font-size: 20px;}
.sub-header .title-date h2 span{font-size: 40px; line-height: 50px;}
.larger-alignment{padding: 10px 20px;}
.assignment-list li .content-right{width: 83%;}
.assignment-list li .heading.line-height-align{line-height: 36px;}
.assignment-list li .title{width: 77%; line-height: 30px;}
.pheading h1{font-size: 31px;}
a.default-button{padding: 5px 12px; font-size: 14px;}
.common-button{font-size: 24px;padding: 05px 30px;}
.common-button3{font-size: 24px;padding: 05px 30px;}
}


@media screen and (max-width:767px) {
    .fixedbutton img{width:50px;height:50px;}
     .fixedbutton {right:20px;}
.logo{width: 200px;}
.top-nav{width: 38%;}
.section1 .left{width: 100%; float: none;}
.section1 .right{float: none; width: 100%;}
.section2 .banner1 p{font-size: 16px; line-height: 26px;}
.section4 li{width: 100%; margin: 0 0 50px 0;}
.section4 li .description{min-height: inherit;}
.section5 {padding: 30px 15px;}

.popup-bg{width: 100%;}
.login-popup-content{max-width: 100%;}
.signin-with-username{box-sizing: border-box;width: 100%;}
.sub-header .title-date{width: 100%; float: none;}
.sub-header .btn-section{width: 100%; float: none; margin-top: 20px;}
.top-btn-section .left{width: 100%; float: none; margin-right: 0; margin-bottom: 10px;}
.top-btn-section .right{width: 100%; float: none; text-align: left;}
.assignment-list li{margin-bottom: 20px;}
.assignment-list li .number-wrapper{width: 60px;height: 60px; line-height: 60px; font-size: 40px; margin-right: 15px;}
.assignment-list li .content-right{width: 85%;}
.assignment-list li .heading.line-height-align{line-height: 26px;font-size: 20px;min-height: 60px;}
.set > a{padding: 10px 0;}
.set > a:before, .set > a.active:before{left: 50%;}
.assignment-list li:after{left: 0; width: 100%;}
.assignment-list li .date-content{font-size: 27px;padding: 10px;width: 75px;line-height: 32px;}
.assignment-list li .title{width: 79%;line-height: 26px;}
.assignment-list li .heading{font-size: 20px;}
.assignment-list li .number-icons img{width: 80px;}
.accordion-container .content{margin-left: 0;}
.accordion-container .content p{font-size: 16px;line-height: 24px;padding: 15px;}
.accordion-container .content a{font-size: 16px;line-height: 20px; padding: 10px;}
.content-gray{padding:0;}
.hidden-xs{display: none;}
.visible-xs{display: block;}
.section5 .right .listing-desc .thumbnail{background-size: cover !important;}
.top-right{padding-right:25px;}
.pheading{margin-top: 0;}
.pheading h1{font-size: 26px;}
.div-left{width: 100%; float: none;}

.toggleMenu{display:block;text-indent:-9999px;position:absolute;top:50%;right:20px;margin-top:-45px;z-index:2;}
.top-nav{margin:0;text-align:left;width:100%}
.top-nav ul{display:none;position:absolute;width:100%;background:#fff;z-index:2;left:0;top:5px;}
.top-nav li{display:block; margin: 0;}
.top-nav li a{display:block;border-bottom:2px solid #e5e5e5; padding: 10px;}
.top-nav li a:hover{color: #8E3C6F;}

}

@media screen and (max-width:414px) {
.assignment-list li .content-right{width: 73%;}
.assignment-list li .title{width: 100%;line-height: 26px;}
.chatbox{width:88%;}

}