@charset "utf-8";

/* CSS Document */

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

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

}

/* Large Devices, Wide Screens */

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

} 

/* Large Devices, Wide Screens */

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

    .inner_page_top_section .carousel-item {
        background-size: 60%;
        background-position: top -3rem left 0rem;
    }

    .inner_page_top_section .gray_bg_box {
        height: 450px;
        width: 500px;
    }

}

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

    .slider_image_caption_item {
        width: 660px;
    }

    .branch_table p{
        font-size: 12px;
    }

    .branch_table td{
        padding: 5px !important;
    }

}

/* Large Devices, Wide Screens */

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

    .gray_bg_box {
        width: 350px;
    }

    .slider_image_caption_item {
        width: 650px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {

    .sec_nav_item .nav-link {
        padding: 5px !important;
    }

    .dropdown-toggle {
        white-space: nowrap;
        padding: 5px !important;
    }

    .slider_image_caption_item {
        width: 550px;
    }

    .inner_page_top_section .gray_bg_box {
        width: 300px;
        height: 350px;
    }

    .inner_page_top_section .carousel-item {
        height: 350px;
        background-size: 100%;
        background-position: top -7rem left 0rem;
    }

    .navbar-brand {
        position: absolute;
    }

    .navbar .megamenu {
        width: 95% !important;
    }   
    
    .second_about_text_col{
        padding: 15px !important;
    }

}

/* Large Devices, Wide Screens */

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

    .navbar-brand {
        padding: 19px 22px 19px 18px;
    }

    .sec_nav_item .nav-link {
        font-size: 11px !important;
    }

    .slider_image_caption_item {
        width: 450px;
    }

    .about_text_col{
        padding: 15px !important;
        padding-top: 0px !important;
    }

    #jarallax-container-0 {
	    display: none !important;
	}

	#jarallax-container-1 {
	    display: none !important;
	}

	.bg_row{
	    background-repeat:no-repeat;
	    background-size:cover;
	    background-position:center left;
	}

    .sub_pro_con {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .carousel_caption_col h1 {
        font-size: 20px;
    }

}

/* Medium Devices, Desktops */

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

    .navbar-brand {
        position: relative;
    }

    .navbar .megamenu {
        width: 100% !important;
    }   

    .navbar-toggler {
        top: 10px;
        position: absolute !important;
        right: 115px;
        height: 80px;
        padding: 5px !important;
        border-radius: 0px;
    }

    .sec_nav_item .nav-link {
        font-size: 12px !important;
    }

    .dropdown-item {
        font-size: 12px;
        text-align: center;
    }

    .hot_line_row {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 108px;
    }

    .sub_nav{
        position: relative !important;
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    .sub_nav .nav-link {
        text-align: center;
    }

    .sec_nav_item .nav-link {
        text-align: center;
    }

    .main_menu_div {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .second_nav_bar {
        position: relative;
        margin-top: 20px;
        padding-right: 10px;
        top: 0px;
        text-align: center;
    }

    .gray_bg_box {
        height: 100vh;
        width: 200px;
    }

    .navbar-nav .dropdown-menu {
        position: static !important;
    }

    .slider_image_caption_item {
        display: none !important;
    }

    .gray_bg_box {
        display: none !important;
    }

    #jarallax-container-0 {
	    display: none !important;
	}

	#jarallax-container-1 {
	    display: none !important;
	}

	.bg_row{
	    background-repeat:no-repeat;
	    background-size:cover;
	    background-position:center left;
	}

    .social_wall_main_con {
        padding-top: 100px;
    }

    .social_wall_con {
        position: relative;
        margin-top: -100px;
    }

    .sub_pro_con {
        /* background-image: none; */
        /* background-color: #ffffff; */
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .other_main_pro_row .spec_cate_box {
        padding-top: 45px !important;
    }

    .sucscribe_img {
        margin-bottom: 30px;
    }

    .normal_text_bg_div {
        padding-left: 50px;
        padding-right: 50px;
    }

    .comment_bg{
        margin-bottom: 50px;
    }

    .breadcrumb {
        width: 100%;
    }

    .bod_text_box_right {
        position: relative;
        left: 0px;
        margin-top: -20px;
        margin-bottom: 30px;
    }

    .bod_text_box_left {
        position: relative;
        right: 0px;
        margin-top: -20px;
        margin-bottom: 30px;
        text-align: left;
        border-top-right-radius: 120px !important;
        border-top-left-radius: 10px !important;
    }

    .vision_row .py-5{
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .slogan_box {
        position: relative;
        margin-left: 0px;
        width: 100% !important;
        margin-bottom: 0px;
    }

    .special_shortcut_box{
        padding: 15px 15px !important;
    }

    .special_shortcut_box img{
        margin-bottom: 15px;
    }

    .footer_section .pe-5{
        padding-right: 15px !important;
    }

}

/* Extra Small Devices, Phones */

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

/* Extra Small Devices, Phones */

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

    .navbar-toggler {
        top: 13px;
        right: 10px;
    }

    .testi_bg{
        padding-bottom: 50px;
    }

    .sucscribe_img{
        margin-bottom: 30px;
    }

    .nav-pills .nav-link {
        width: 117px;
        margin-right: 10px;
    }

    .main_pro_con {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .carousel-control-next, .carousel-control-prev {
        margin-bottom: 0px;
    }

    .inner_page_top_section .carousel-item {
        background-size: cover;
        background-position: center;
    }

    .spec_text_box {
        padding-left: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 50px;
    }

    .special_shortcut_box{
        padding: 15px 15px !important;
    }

    .special_shortcut_box img{
        margin-bottom: 15px;
    }

    .add_height{
        height: 350px;
        background-position: center top;
    }
 
}

/* Extra Small Devices, Phones */

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

    .carousel_caption_col {
        padding: 25px;
        padding-right: 25px;
        padding-bottom: 100px;
    }

    .carousel_caption_col h1 {
        font-size: 20px;
        text-transform: uppercase;
    }

    .carousel-indicators {
        margin-left: 0%;
        margin-left: 20px;
        width: 50%;
    }

    .nav-pills .nav-link {
        width: 145px;
        height: 135px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .nav-pills .nav-item .nav-link.active::before {
        bottom: 13px;
    }

    .social_bg {
        top: 100px !important;
        width: 350px;
    }

    .carousel-indicators {
        flex-direction: unset;
    }

    .carousel-indicators [data-bs-target] {
        width: 30px !important;
        height: 5px !important;
    }

    .normal_text_bg_div {
        padding-left: 20px;
        padding-right: 20px;
    }

    .comment_bg {
        padding: 0px;
    }

    .comment_bg .p-5{
        padding: 25px !important;
    }

    .mob_ps_0{
        padding-left: 0px !important;
    }
  
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    
    .tab-pane .p-5{
        padding: 15px !important;
    }

    .subs_img{
        width: 100% !important;
    }

    .testi_stat_sec{
        flex-wrap: wrap;
    }
  
}

/* Custom, iPhone Retina */

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

    .top_logo {
        width: 100% !important;
    }

    .navbar-toggler {
        top: 6px;
    }

    .modal-dialog{
        width: 320px !important;
    }

}

/* Custom, iPhone Retina */

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

    .navbar-toggler {
        height: 75px;
    }

}

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