/*responsive CSS*/



@media (max-width: 1199px) {



    .navbar-dark.bottom .navbar-nav .nav-link{padding: 10px 35px; font-size: 14px;}

    .navbar-dark.bottom .navbar-nav .nav-item:after{height: 40px;}

    .regInfo .content .inner h4{font-size: 18px;}

    .navbar .container{max-width: 100%;}

    .navbar .container.p-0{padding-left: 15px !important; padding-right: 15px !important;}

    .container {max-width: 100%;padding-left: 30px;padding-right: 30px;}

    .homepage-blog-list-inner h4{font-size: 20px;}





}



@media (max-width: 1024px) {

.slider.main-banner-img .innerSlider .text h1 {font-size: 25px;}
.slider.main-banner-img .innerSlider .text h2 {font-size: 25px;}



}



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



    .navbar a.navbar-brand{padding-left: 10px;}

    .fixed-top.top #navbarResponsive li.nav-item:nth-child(2){display: none;}

    .navbar-dark.top img.support{display: block;position: relative;right: 0;top: 0;}

    .navbar-dark .navbar-toggler {position: relative;display: block;padding: 0;width: 24px;height: 28px;}

    .navbar-dark.top .navbar-toggler-icon {position: relative;right: 0;top: 0;width: 24px;height: 24px;}

    #navbarResponsive .forgotpassword{padding-top: 0;padding-right: 5px;padding-bottom: 20px;

     width: 100%;float: left;} 

    .text-cls {display: inline-block;background: rgba(225,225,225,0.6);padding: 10px 25px;} 

    .heroContent{margin-left: 0;}

    body {padding-top: 120px;}

    .navbar-dark.bottom .navbar-nav .nav-item:after {height: 38px;}



    .homepage-blog-list-inner-rgt{width: 100%;padding-left: 0;}

    .homepage-blog-list-inner-lft{width: 100%;padding-right: 0;}

    .homepage-blog-list-inner h4 {font-size: 16px;}



}



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

    .navbar a.navbar-brand img{width: 185px;}


    .navbar-dark.bottom .navbar-nav .nav-item:after{display: none;}
    .navbar-dark.bottom .navbar-nav .nav-item{border-bottom: 1px solid #ccc;}
    .navbar-dark.bottom .navbar-nav .nav-item:last-child{border-bottom: none;}
    #collapsingNavbar .navbar-nav {border: 1px solid #ccc;border-top: 0;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.04);}
    .regInfo .content p{height: auto;}
    .regInfo .content img{max-width: 40px;}
    .regInfo .content .inner {padding-left: 55px;}
    .regInfo .content{margin: 10px 0;}
    footer .footer-social-media p{font-size: 16px;}
    .project .innerText .heading h3{font-size: 26px;}
    .navbar a.navbar-brand{margin-left: 40px;}
    .heading span{font-size: 32px;}
    .h3, h3 {font-size: 1.35rem;}
    .signup .tab-content{padding: 20px 0;}
    .about-tab ul li{margin: 0px 10px;}
    .about-csr {padding: 20px 0px 0px;}
    .about-csr .heading h3 {font-size: 1.35rem;}
    .about-csr .heading h3 span{font-size: 30px;}
    #employerratingdata_wrapper .row:nth-child(2) .col-sm-12{overflow-x: scroll;}
    .signup .dataTables_wrapper .dataTables_info{white-space: normal; margin-bottom: 20px;}
    .signup .dataTables_wrapper .dataTables_paginate ul.pagination{justify-content: center;}
    .signup .form .addbutton a {font-size: 15px;}
    .navbar-dark.bottom .navbar-nav .nav-link{margin-right: 0;margin-left: 0;}
    #navbarResponsive {border: 1px solid #ccc;padding: 0px 20px;}
    #navbarResponsive .form{padding: 20px 0;}
    #navbarResponsive{position: absolute;top: 100%;width: 100%;background: #fff;left: 0;right: 0;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.04);}
    #upload_pan_number_image,
    #upload_tan_number_image,
    #upload_incorporation_certificate_image,
    #upload_other_documents_image,#upload_company_logo_image{text-align: left;}
    section.signup .col-md-12 {padding: 0;}
    .signup .row.form .labelname {text-align: left;}

}



@media only screen and (min-width: 992px){



    .fixed-top.top #navbarResponsive li.nav-item:nth-child(2){display: block;}

    .navbar-dark.top img.support{display: none;}



}



@media only screen and (min-width: 320px) and (max-width: 575px){


    .fixed-top.bottom {top: 64px;}
    body{padding-top: 64px;}
    .slider, .slider .innerSlider{height: 40vh; margin-top: 0px;}
    #navbarResponsive .form{display: block; padding: 20px;text-align: center;}
    #navbarResponsive .form .form-control{width: 100%;margin-bottom: 10px;}
    #navbarResponsive .form button{width: 35%;}
    .slider .innerSlider .text{text-align: center;}
    .slider .innerSlider .text .search{padding: 0 20px;}
    .slider .innerSlider .text .search input[type='text']{width: 80%;height: 50px;}
    .slider .innerSlider .text .search button{height: 50px;}
    .slider .innerSlider .text h1,
    .slider .innerSlider .text h2{font-weight: 500;font-size: 25px;}
    .regInfo .content{margin: 10px 20px;}
    footer .left{padding: 0 20px !important;text-align: center;}
    footer .left ul li{padding: 0 8px;}
    footer .left ul,
    footer .left ul li{display: inline-block;}
    footer .right{text-align: center;margin-top: 15px;}
    footer .right ul{display: inline-block;float: unset;text-align: center;}
    footer .right ul li{display: inline-block;}
    .contact .leftContact .form:after{top: unset;right: 0;bottom: -80px;left: 0;margin-left: -50px;
     height: 0;border-top: solid 30px #ffffff;border-left: solid 30px transparent;margin: 0 auto;}
    .services ul li{width: 100%;}
    .services ul li:nth-child(odd),
    .services ul li:last-child,
    .services ul li:nth-last-child(2){border-right: unset;} 
    .services ul li:nth-last-child(2){border-bottom: 1px solid #ccc;}
    .project .innerText{height: auto;padding: 30px;}
    .business .content .text {position: relative; width: 100%;padding: 30px;margin-top: -200px;
     z-index: 99;}
    .business .content{position: relative;}
    .business .content:after{content: '';position: absolute;left: 0;right: 0;top: 0;
     background-color: rgba(255,255,255,0.6);width: 100%;height: 100%;}
    .plans .content{margin-top: 0 !important;margin-bottom: 25px;} 


}



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

    .fixed-top.bottom {top: 63px;}
    body{padding-top: 63px;}   
    .slider, .slider .innerSlider{height: 40vh;}
    #navbarResponsive .form{display: block;padding: 20px;text-align: center;}
    #navbarResponsive .form .form-control{width: 100%;margin-bottom: 10px;}
    #navbarResponsive .form button{width: 35%;}
    .slider .innerSlider .text{text-align: center;}
    .slider .innerSlider .text .search{padding: 0 20px;}
    .slider .innerSlider .text .search input[type='text']{width: 100%;height: 50px;}
    .slider .innerSlider .text .search button{height: 50px;}
    .slider .innerSlider .text h1,
    .slider .innerSlider .text h2{font-weight: 500;font-size: 25px;}
    footer .left{padding: 0 20px !important;text-align: center;}
    footer .left ul li{padding: 0 8px;}
    footer .left ul,
    footer .left ul li{display: inline-block;}
    footer .right{text-align: center;margin-top: 15px;}
    footer .right ul{display: inline-block;float: unset;text-align: center;}
    footer .right ul li{display: inline-block;}
    .contact .leftContact .form:after{top: unset;right: 0;bottom: -80px;left: 0;margin-left: -50px; 
     height: 0;border-top: solid 30px #ffffff;border-left: solid 30px transparent;margin: 0 auto;}
    .project .innerText{height: auto;padding: 30px;}	
    .business .content .text{position: relative;width: 100%;padding: 30px;margin-top: -310px;z-index: 99;}
    .business .content{position: relative;}
    .business .content:after{content: '';position: absolute;left: 0;right: 0;top: 0;
     background-color: rgba(255,255,255,0.6);width: 100%;height: 100%;}
    .plans .content{margin-bottom: 20px;}
    .plans .content{margin-bottom: 25px;} 


}



@media only screen and (min-width: 768px) and (max-width: 991px){

    .navbar-dark.bottom .navbar-nav .nav-link{padding: 10px 20px;}
    .regInfo .content .inner{padding-left: 60px;}
    .slider .innerSlider .text .search input[type='text']{width: 100%;}
    .slider .innerSlider .text .search{margin-top: 60px !important;margin: 55px;}
    nav.navbar.bottom{z-index: 9;}
    #navbarResponsive .form{padding: 20px 0;}
    .project .innerText{height: auto;padding: 50px;}
    .business .content .text{position: relative;width: 50%;padding: 30px;margin-top: -430px;} 
     footer .left ul li{padding: 0 7px;}

} 



@media only screen and (min-width: 992px) and (max-width: 1199px){



    footer .left ul li{padding: 0 15px;}



}



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

 .homepage-blog-lft{width: 100%;padding-right: 0px; text-align: center; margin-bottom: 30px;}
 .homepage-blog-rgt{width: 100%;padding-left: 0;text-align: center;}
 .homepage-blog-list-inner-lft img{width: auto;}
 .navbar a.navbar-brand img {width: 145px;}
 .fixed-top.logoresize a.navbar-brand img{width: 145px;}
 nav.navbar.bottom.logoresize .navbar-toggler {top: -42px;}
 body {padding-top: 63px;}
 .fixed-top.bottom{top: 63px;}



}