@media only screen and (min-width:992px) and (max-width:1199px){
    .mainheader ul li{ font-size:18px;}
    .top_slider, .inner_banner{ margin-top: 117px;}
    .top_slider span{ margin: -110px 0 0 -250px;}
    .box_description .content{ margin: -100px auto 0;}
    .bx-wrapper .bx-prev{ left: -38px;}
    .bx-wrapper .bx-next{ right: -38px;}
}

@media only screen and (min-width:768px) and (max-width:991px){
    .container{ width: 100%;}
    .mainheader ul{ margin: 5px 0 0;}
    .mainheader ul li{ font-size: 15px;}
    .top_slider, .inner_banner{ margin-top: 105px;}
    .top_slider span{ width: 350px; font-size: 25px; line-height: 35px; padding: 5px; margin: -80px 0 0 -175px;}
    .box_description .content{ margin: -70px auto 0; padding: 15px 25px 0px; font-size: 15px;}
        
    .postresume_form .upload-btn{ font-size: 12px; padding: 0 5px;}
    
    .top_slider .slide-btn{ font-size: 17px; line-height: 20px;}
    .box_description{ padding: 0 0 40px;}
    .box_description .content h3{ font-size: 30px; margin: 0 0 15px;}
    .box_description .content p{ margin-bottom: 15px;}
    
    .slick-slide .col-md-6.text{ text-indent: 0; margin-top: 20px;}
    .slick-slide img{ max-height: 200px; min-height: 200px; max-width: 100%;}
    footer{ padding: 0;}
    footer ul.links li{ padding: 0 1px; font-size: 12px;}
    footer p{ font-size: 12px;}
}

@media only screen and (max-width:767px){
    header{ position: static;}
    .topheader .contact-us{ padding: 6px 5px 6px 30px;}
    .topheader .gray-bg{ right: 0; background: none;}
    header .logo{ float: left;}
    header .logo img{ width: 200px;}
    .toggle-btns{ float: right; display: block; background: #395490; color: #fff; font-size: 20px; padding: 3px 10px; border-radius: 3px; margin: 5px 0 0;}
    .toggle-btns:focus{ color: #fff;}
    .top_slider, .inner_banner{ margin-top: 0;}
    .mainheader{ padding: 15px 0 10px;}
    .mainheader .text-right{ text-align: center;}
    .mainheader ul{ width: 100%; display: none;}
    .mainheader ul li{ font-size: 14px; display: block; line-height: 20px; margin: 0; text-align: left; border-bottom: 1px solid #fff;}
    .mainheader ul li a{ display: block; padding: 5px 10px; background: #395490; color: #fff;}
    .mainheader ul li.active a{ background: #dc1a22; color: #fff;}
    
    .box_description{ padding: 0 0 20px;}
    .box_description .content{ margin: 15px auto 0; padding: 10px 10px 0px; font-size: 14px; line-height: 18px;}
    .top_slider span{ font-size: 16px; line-height: 22px; width: 300px; margin: -40px 0 0 -150px; border: 2px solid #fff; padding: 5px;}
    .top_slider .slide-btn{ font-size: 14px; bottom: 10%;}
    .top_slider .leftimg .slide-btn{ padding: 5px 15px 5px 10px;}
    .top_slider .rightimg .slide-btn{ padding: 5px 10px 5px 15px;}
     
    .box_description .content h3{ font-size: 17px; line-height: 25px; margin: 0 0 10px;}
    .box_description .content p{ margin-bottom: 15px;}
    
    
    .main_tabs{ height: auto; padding: 30px 0; margin: -25px 0 20px;}
    .maintab_content h3{ font-size: 20px; line-height: 25px; margin: 0 0 10px;}
    .maintab_content{ font-size: 14px; line-height: 20px; padding-bottom: 20px;}
    .postresume_form{ margin: 15px 0 0; padding: 15px 15px 0;}
    
    .processbar_slider{ padding: 20px 0 60px;}
    .job-placement-process-wrapper h3{ font-size: 25px; line-height: 30px; margin: 20px 0 30px;}
    .slick-slide .col-md-6.text{ margin: 0; text-indent: 0;}
    
    .slick-slide{ padding: 20px 0;}
    .slick-slide h4{ font-size: 20px; line-height: 25px;}
    .slick-slide ul li{ font-size: 16px; line-height: 20p;}
    .slick-slide img{ max-width: 100%; min-height: 150px; max-height: 150px; margin: 0 auto}
    
    .client_logo h3{ font-size: 25px; margin: 10% 0 20px;}
    footer{ padding: 0;}
    footer, footer .text-right{ text-align: center;}
    footer p{ margin: 5px 0;}
    footer ul.links li{ font-size: 13px;}
    
    .progressBarContainer div span.progressBar, 
    .progressBarContainer div span.progressBar .inProgress{ height: 5px;}
    .progressBarContainer div:after,
    .progressBarContainer:before{ width: 15px; top: -5px; height: 15px; border: 2px solid #ccc;}
    
    .main_tabs li{ font-size: 14px;}
    .main_tabs li a{ padding: 10px 10px;}
    .cmspage{ padding: 15px 0;}
    .contactpage h3{ font-size: 20px; line-height: 25px; margin: 0 0 10px;}
}

@media only screen and (min-width:480px) and (max-width:767px){
    
}