
/*------------------------------------------------------------
                     custome container
------------------------------------------------------------*/

@media only screen and (max-width: 2560px) {
    .container {
        width: 1900px !important;
    }
}

@media only screen and (max-width: 2048px) {
    .container {
        width: 1700px !important;
    }
}

@media only screen and (max-width: 1920px) {
    .container {
        width: 1500px !important;
    }
}


@media only screen and (max-width: 1680px) {
    .container {
        width: 1300px !important;
    }
}


@media only screen and (max-width: 1440px) {
    .container {
        width: 1170px !important;
    }
}


@media only screen and (max-width: 1366px) {
    .container {
        width: 1100px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        width: 950px !important;
    }
}



@media only screen and (max-width: 991px) {
    .container {
        width: 750px !important;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        width: 100% !important;
    }
}


/*------------------------------------------------------------
                     custome container
------------------------------------------------------------*/


@media only screen and (max-width: 1680px) {
    
    .home_banner_sec .txt_div h5{
        font-size: 20px;
    }
    .desc{
        font-size: 16px;
    }
    .about_sec{
        padding: 130px 0px;
    }
    .about_sec .hdr_div {
        padding-right: 120px;
    }
    .btn_list li{
        margin-right: 20px;
    }
    .news_sec .txt_div h4{
        font-size: 24px;
    }
    .desc1, .footer_div p, .ft_link a{
       font-size: 14px; 
        line-height: 24px;
    }
    .contact_sec .txt_div1 h4{
        font-size: 26px;
    }
    .service_sec{
        padding: 180px 0px;
    }
    .slider_div, .abt_slider_sec .txt_div1, .abt_slider_sec .img_div1, .verticalCarousel, .verticalCarouselGroup.vc_list > li{
        min-height: 550px;
    }
    .abt_slider_sec .txt_div1 {
        padding: 90px 80px;
    }
    .news_sec{
        padding: 130px 0px;
    }
    .inner_pg_banner_sec{
        padding-top: 18%;
        padding-bottom: 12%;
    }
    .inner_pg_banner{
        top: -25%;
    }
    .service_inner_pg{
        padding: 10px 0px 150px 0px;
    }
    .service_detail_pg .content_div{
        width: 86%;
        margin-left: 7%;
    }
    .serv_img_div1 h4{
        font-size: 53px;
        left: -213px;
    }
}


@media only screen and (max-width: 1440px) {
    
   .home_banner_sec .txt_div h4 {
        font-size: 50px;
    }
    .home_banner_sec .txt_div h5 {
        font-size: 17px;
    }
    .home_banner_sec .img_div{
        margin-top:350px;
    }
    .service_sec .hdr_div .title_txt,  .about_sec .hdr_div .title_txt, .abt_slider_sec .txt_div1 h6, .abt_slider_sec .txt_div1 h5,  .news_sec .hdr_div .title_txt, .about_pg_sec .title_hd, .title_hd {
        font-size: 46px;
    }
    .service_sec {
        padding: 120px 0px;
    }
    .service_sec .txt_div{
        padding: 30px 30px;
    }
    .about_sec .hdr_div {
        padding-right: 55px;
    }
    .btn_list li {
        margin-right: 10px;
    }
    .btn_list li img{
        width: 20px;
    }
    .about_sec{
        padding-bottom: 70px;
    }
    .abt_slider_sec .txt_div1 {
        padding: 90px 100px;
    }
    .news_sec .txt_div h4 {
        font-size: 22px;
    }
    .about_img{
        width: 45%;
    }
    .news_sec{
        padding: 100px 0px;
    }
    .footer_sec{
        margin-top: 120px;
    }
    .contact_sec .inner_div{
        bottom: 45%;
    }
    .contact_sec{
        min-height: 200px;
    }
    .desc1, .footer_div p, .ft_link a {
        font-size: 13px;
        line-height: 24px;
    }
    .inner_pg_banner_sec{
        padding-top: 18%;
    }
    .inner_pg_banner{
        top: -20%;
    }
    .service_detail_pg .txt_div1{
        margin-top: 100px;
    }
    .serv_img_div1 h4 {
        font-size: 46px;
        left: -185px;
        line-height: 45px;
    }
    .blog_pg_sec .img_div{
        min-height:350px;
    }
    .blog_pg_sec .overlay{
        padding-top:200px;
    }
}

@media only screen and (max-width: 1366px) {
    
    .home_banner_sec{
        height: 98vh;
    }
    .home_banner_sec .txt_div h4{
        font-size: 46px;
    }
    .home_banner_sec .txt_div h5 {
        font-size: 16px;
        margin-top: 10px;
    }
    .more_link_txt{
        margin-top: 15px;
    }
    .home_banner_sec .img_div{
        margin-top: 300px;
    }
    .service_sec .hdr_div .title_txt, .about_sec .hdr_div .title_txt, .abt_slider_sec .txt_div1 h6, .abt_slider_sec .txt_div1 h5, .news_sec .hdr_div .title_txt, .about_pg_sec .title_hd, .title_hd {
        font-size: 44px;
    }
    .desc {
        font-size: 15px;
    }
    .service_sec .txt_div {
        padding: 20px 20px;
    }
    .service_sec .txt_div h4{
        font-size: 24px;
    }
    .about_sec .hdr_div {
        padding-right: 50px;
    }
    .btn_list li {
        padding: 12px 12px;
    }
    .abt_slider_sec .txt_div1 {
        padding: 90px 70px;
    }
    .news_sec .txt_div h4 {
        font-size: 18px;
    }
    .desc1, .footer_div p, .news_sec .txt_div h5, .ft_link a {
        font-size: 12px;
        line-height: 24px;
    }
    .footer_div h4{
        font-size: 22px;
    }
    .contact_sec .txt_div1{
        margin-top: 4%;
    }
    .more_link3{
        margin-top: 10%;
    }
    .inner_pg_banner_sec h4{
        font-size: 46px;
    }
    
    .service_detail_pg .content_div{
        width: 90%;
        margin-left: 5%;
    }
    .serv_img_div1{
        min-height: 400px;
    }
    .serv_img_div1 h4{
        top: 160px;
    }
    .serv_img_div1 a {
        top: 190px;
    }
}
 
@media only screen and (max-width: 1199px) {
   
    .nav_sec .nav>li {
        margin-left: 20px;
    }
    .home_banner_sec .txt_div h4 {
        font-size: 40px;
    }
    .home_banner_sec .txt_div h5 {
        font-size: 14px;
        margin-top: 10px;
    }
    .service_sec .hdr_div .title_txt, .about_sec .hdr_div .title_txt, .abt_slider_sec .txt_div1 h6, .abt_slider_sec .txt_div1 h5, .news_sec .hdr_div .title_txt, .about_pg_sec .title_hd, .title_hd {
        font-size: 38px;
    }
    .service_sec .txt_div {
        padding: 10px 10px;
    }
    .desc, .news_sec p, .vaccancy_row p {
        font-size: 14px;
    }
    .about_sec .hdr_div {
        padding-right: 15px;
    }
    .btn_list li a{
        font-size: 15px;
    }
    .abt_slider_sec .txt_div1 {
        padding: 65px 50px;
    }
    .slider_div, .abt_slider_sec .txt_div1, .abt_slider_sec .img_div1, .verticalCarousel, .verticalCarouselGroup.vc_list > li {
        min-height: 480px;
    }
    .news_sec .txt_div h4 {
        font-size: 17px;
    }
    .up_div{
        margin-left: 5%;
    }
    .desc1, .footer_div p, .news_sec .txt_div h5, .ft_link a {
        line-height: 18px;
    }
    .banner_count{
        right: 5%;
        top: 45%;
    }
    .more_link2, .more_link3{
        font-size: 18px;
    } 
    .inner_pg_banner_sec{
        padding-top: 20%;
    }
    .inner_pg_banner_sec h4{
        font-size: 40px;
    }
    
    .service_detail_pg .content_div{
        width: 100%;
        margin-left: 0%;
    }
    .serv_img_div1 {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .serv_img_div1 h4 {
        font-size: 30px;
        left: -125px;
        line-height: 26px;
        top:170px;
    }
    .serv_img_div1 a{
        font-size: 15px;
        padding: 12px 30px;
        right: -65px;
    }
    .contact_pg_sec .address_div{
        padding-left: 30px;
    }
}


@media only screen and (max-width: 991px) {
    
    .nav_sec .nav>li {
        margin-left: 12px;
    }
    .nav_link{
        padding: 10px 5px !important;
        font-size: 13px;
    }
    img.logo{
        width: 120px;
    }
    .enq_btn{
        font-size: 12px;
        padding: 5px 15px !important;
        margin-top: 4px;
    }
    .home_banner_sec .txt_div h5{
        width: 65%;
    }
    .service_sec .hdr_div{
        margin-top: 0px;
    }
    .more_link1{
       width:200px;
       margin: auto;
       float: none;
    }
   .more_link1 span{
       display: inline-block;
    }
    .service_sec, .about_sec, .news_sec {
        padding: 60px 0px;
    }
    .about_img {
        width: 35%;
        top: auto;
        bottom: -5%;
    }
    .slider_div, .abt_slider_sec .txt_div1, .abt_slider_sec .img_div1, .verticalCarousel, .verticalCarouselGroup.vc_list > li {
        min-height: 550px;
    }
    .more_link2,.more_link3{
        width: 200px;
        margin: auto;
        display: block;
        margin-top: 30px;
        float: none;
    }
    .news_sec .hdr_div .title_txt, .contact_sec .txt_div1 h4, .contact_sec .txt_div1 p{
        text-align: center;
    }
    .up_div{
        margin-left: 0px;
    }
    .strip_inner{
        margin-bottom: 0px;
    }
    .contact_sec .inner_div{
        position: relative;
        bottom: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer_sec{
        margin-top: 0px;
    }
    .footer_div p{
        text-align: center;
        font-size: 14px;
    }
    .contact_sec .img_div img {
        width:250px;
        margin: auto;
        display: block;
        margin-top: 30px;
    }
    .ft_link a{
        font-size: 14px;
    }
    .service_sec .hdr_div .title_txt{
        text-align: center;
        margin-bottom: 30px;
    }
    .service_sec:after{
        height: 5%;
    }
    .service_sec .more_link {
        margin: auto;
        display: block;
    }
    .social_links, .social_links li{
        text-align: center;
    }
    .social_links li{
        margin: 0px 15px;
    }
    .ft_logo{
        width: 150px;
        margin: auto;
        display: block;
        float: none;
        margin-top: 30px;
    }
    .ft_logo{
        width: 170px;
        margin: auto;
        display: block;
        float: none;
    }
    
    .inner_pg_banner{
        top: -5%;
    }
    .inner_pg_banner_sec h4{
        font-size: 30px;
        margin-bottom: 20px
    }
    
    .serv_img_div1 {
        width: 80%;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .serv_img_div1 h4 {
        font-size: 30px;
        left: -75px;
        line-height: 26px;
    }
    .serv_img_div1 a{
        font-size: 15px;
        padding: 12px 30px;
        right: -65px;
    }
    .service_detail_pg {
        padding: 20px 0px 100px 0px;
    }
    .serv_det_bottom .txt_div h4{
        font-size: 20px;
    }
    .inner_pg_banner_sec {
        padding-bottom: 18%;
    }
    .team_row, .vaccancy_row  {
        margin-top: 10px;
    }
    .about_pg_sec .thumb_div{
        margin: 15px 0px;
    }
    .contact_pg_sec .address_div{
        padding-left: 0px;
    }
    .blog_detail_pg .overlay {
        padding-top: 150px !important;
        padding-right: 100px !important;
    }
}

@media only screen and (max-width: 767px) {
    
    .nav_sec{
        top: 0px;
        background-color: #09172e;
    }
    
    .nav_sec .icon-bar{
        border: 2px solid #fff;
    }
    .affix .navbar-toggle{
        margin-top: 5px;
    }
    .nav_sec .nav>li{
        text-align: center;
        margin-left:0px;
    }
    li.nav_link a{
        width: 150px;
        margin: auto;
        display: block;
        color: #4d6488;
    }
    .enq_btn{
        width: 150px;
        margin: auto;
        display: block;        
    }    
    .nav_sec img.logo{
        width: 150px;
    }
    .home_banner_sec {
        height: 95vh;
        margin-top: 55px;
    }
    .home_banner_sec .txt_div{
        padding-top: 50px;
    }
    .home_banner_sec .txt_div h4{
        text-align: center;
        width: 100%;
        font-size: 30px;
    }
    .home_banner_sec .txt_div h5{
        text-align: center;
        width: 70%;
        margin: auto;
        display: block;
        float: none;
        font-size: 18px;
    }
    .home_banner_sec .txt_div h6{
        text-align: center;
    }
    .service_sec .hdr_div .title_txt{
        margin-top: 50px;
    }
    
   .more_link0{
       width:200px;
       margin: auto;
       float: none;
    }
   .more_link0 span{
       display: inline-block;
    }
    .home_banner_sec .img_div{
        margin-top: 30px;
    }
    .home_banner_sec .img_div .sub_img1{
        position: relative;
        width: 60%;
        left: auto;
        right: auto;
        margin: auto;
        display: block;        
    }
    .banner_count{
        left: 5%;
        right: auto;
    }
    .service_sec .txt_div{
        width: 60%;
        margin: auto;
        display: block;
        float: none;
        margin-bottom: 30px;
    }
    .service_sec .icon_div{
        margin: auto;
        display: block;
    }
    .service_sec .txt_div h4, .service_sec .desc{
        text-align: center;
        margin-top: 15px;
    }
    .about_sec .hdr_div .title_txt{
        margin-top: 0px;
        text-align: center;
    }
    .about_sec .desc, .abt_slider_sec .txt_div1 h4, .abt_slider_sec .txt_div1 h5, .abt_slider_sec .txt_div1 h6, .abt_slider_sec .txt_div1 p, .title_hd{
        text-align: center;
        margin: 10px 0px;
    }
    .about_img{
        display: none;
    }
    .abt_owl{
        width: 80%;
        margin: auto;
        display: block;
        float: none;
            
    }
    
    .verticalCarousel, .verticalCarouselGroup.vc_list > li{        
        min-height: 700px;
    }
    .abt_slider_sec .txt_div1{
        width: 100%;
        padding: 35px 35px;
        min-height: 350px;
    }
     .abt_slider_sec .img_div1{
        width: 100%;
        min-height: 350px;
    }
    .verticalCarouselHeader{
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    .org_div{
        padding: 0px 15px;
    }
    
    .news_sec .txt_div{
        width: 60%;
        margin: auto;
        display: block;
        float: none;
        margin-bottom: 30px;
    }
    section.blog_pg_sec.news_sec.blog_main.content_inner_pg .txt_div{
        width:100%;
    }
    .footer_div h4, .ft_link li{
        text-align: center;
    }
    .ft_logo{
        width: 150px;
        margin: auto;
        display: block;
        float: none;
        margin-top: 30px;
    }
    .inner_pg_banner_sec{
        padding-bottom: 25%;
    }
    .inner_pg_banner{
        top: 57px;
    }
    .serv_img_div1{
        margin-top: 150px;
    }
    .serv_img_div1 h4{
        top: -100px;
        width: 100%;
        left: 0;
        text-align: center;
    }
    .serv_img_div1 a{
        top:80%;
        right: -10px;
    }
    
    .service_detail_pg {
        padding: 20px 0px 70px 0px;
    }
    .about_pg_sec .title_hd{
        margin: 20px 0px;
    } 
    .contact_pg_sec .address_div {
        margin-top: 50px;
    }
    .contact_pg_sec .address_div h5{
        text-align: center;
        padding-left: 0px;
    }
    .contact_pg_sec .address_div h5 .fa{
        position: relative;
        top: auto !important;
        font-size: 20px !important;
        margin-right: 5px;
    }
    .contact_pg_sec .address_div p{
        padding-left: 0px;
        text-align: center;
    }
    .blog_detail_pg .overlay {
        padding-top: 150px !important;
        padding-right: 100px !important;
    }
    
   
}

@media only screen and (max-width: 600px) {
    
    .home_banner_sec .txt_div h5{
        font-size: 16px;
    }
    
    .abt_owl{
        width: 90%;
        margin: auto;
        display: block;
        float: none;
    }
    .verticalCarousel, .verticalCarouselGroup.vc_list > li{        
        min-height: 760px;
    }
    .abt_slider_sec .txt_div1, .abt_slider_sec .img_div1{
        min-height: 380px;
    }
    .home_banner_sec .img_div .sub_img1{
        width: 80%;
    }
    .service_sec .txt_div, .news_sec .txt_div {
        width: 80%;
    }
    .serv_img_div1{
        min-height: 300px;
    }
    .service_detail_pg .txt_div1{
        margin-top: 50px;
    }
    .service_detail_pg {
        padding: 20px 0px 40px 0px;
    }
    .timg_div{
        min-height: 280px;
    }
    .blog_div1{
        width: 100%;
    }  
    .blog_pg_sec .img_div{
        min-height: 300px;
    }
    .blog_pg_sec .overlay{
        padding-top: 150px;
    }
    
    .blog_detail_pg .overlay {
        padding-top: 130px !important;
        padding-right: 50px !important;
    }
}

@media only screen and (max-width: 425px) {
    
    .home_banner_sec .txt_div h4 {
        font-size: 22px;
    }
    .home_banner_sec .txt_div h5 {
        font-size: 12px;
    }
    .home_banner_sec .img_div .sub_img1{
        width: 90%;
        margin-top: 50px;
    }
    .service_sec .txt_div, .news_sec .txt_div {
        width: 100%;
    }
    .service_sec .hdr_div .title_txt, .about_sec .hdr_div .title_txt, .abt_slider_sec .txt_div1 h6, .abt_slider_sec .txt_div1 h5, .news_sec .hdr_div .title_txt, .about_pg_sec .title_hd, .title_hd {
        font-size: 30px;
    }
    .btn_list li a {
        font-size: 12px;
    }
    .verticalCarousel, .verticalCarouselGroup.vc_list > li{        
        min-height: 740px;
    }
    .abt_slider_sec .txt_div1, .abt_slider_sec .img_div1{
        min-height: 370px;
    }
    .inner_pg_banner_sec h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .inner_pg_banner_sec h6, .inner_pg_banner_sec h6 a{
        font-size: 13px;
    }
    .serv_img_div1{
        min-height: 200px;
    }
    .serv_img_div1 a{
        top: 70%;
    }
    .team_div1{
        width: 100%;
    }
    .timg_div {
        min-height: 350px;
    }    
    .blog_detail_pg .overlay {
        padding-top: 120px !important;
        padding-right: 0px !important;
    }
    .btn_list li {
        padding: 12px 5px;
        margin-right: 5px;
    }
    .btn_list li .fa{
        margin-right: 5px;
    }
}


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