@media(max-width: 767px)
{
    body
    {
        width: 100%;
        margin: 0 auto;
        overflow-x: hidden;
    }
    .container
    {
        width: 98% !important;
        max-width: 98% !important; 
        margin: 0 auto;
    }
    section.header {
        display: none;
    }
    .bnr_cont {
        left: 5px;
        right: 5px;
        text-align: center;
        top: 50%;
    }
    .bold_bnr_cont h3 {
        font-size: 40px;
        line-height: 57px;
        text-align: center;
		padding: 0px 20px;
    }
    .bnr_p p {
        color: #fff;
        font-size: 15px;
        line-height: 29px;
        font-weight: 300;
        max-width: 90%;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
        margin-top: -2px;
		padding:10px;
    }
    a.btn1, a.btn2 {
        margin-right: 0px;
        margin-top: 12px;
        text-align: center;
        padding: 16px 0px;
    }
    a.btn2
    {
        padding: 14px 0px !important;
    } 
    .bnr_btn {
        margin-top: 7px;
		
    }
    .bnr_slider {
        padding: 310px 0px 230px 0px;
        height: auto;
    }
    section.about_us {
        padding: 0px 0px 0px 0px;
    }
    .sect_hd {
        padding-left: 10px;
    }
    .sect_hd h3 {
        font-size: 35px;
        line-height: 50px;
    }
    hr.sec_left {
        margin-top: 0px;
        margin-bottom: 13px;
        border-top: 4px solid #12A2D7;
        width: 55px;
    }
    .sect_p {
        position: unset;
        width: 93%;
        padding: 15px 15px;
        margin: 0 auto;
    }
    .col-sm-4.his_cont
    {
        max-width: 100% !important;
    }
    .video_bg:before 
    {
        display: none;
    }
   .video_bg {
        height: 270px;
        margin-top: 30px;
        width: 96%;
        margin: 0 auto;
        margin-top: 5px;
    }
    .sect_p p {
        font-size: 13.4px;
        line-height: 25px;
    }
    .hist_btn {
        margin-top: 16px;
        margin-left: 16px;
    }
    .row
    {
        margin: 0px !important;
    }
    .row.serv {
        margin-top: 25px !important;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, 
    .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, 
    .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, 
    .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, 
    .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, 
    .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, 
    .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
    {
        padding: 0px !important;
        width: 100%;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    section.service {
        padding: 55px 0px 55px 0px;
    }
    .serv_grid {
        padding: 29px 17px 6px 17px;
        margin-top: 20px;
    }
    .serv_more {
        margin-top: 20px;
        margin-left: 12px;
        float: none;
    }
    .serv_grid {
        padding: 29px 17px 16px 17px;
        margin-top: 20px;
        width: 90%;
    }
    section.industrial {
        padding: 20px 0px 0px 0px;
    }
    .sechd_p p {
        line-height: 25px;
		margin: 0px 10px;
    }
    a.indus_btn {
        padding: 13px 38px;
    }
    .col-sm-6.indus {
        padding-right: 12px;
        padding-left: 12px;
        margin-top: 36px;
    }
    .gal_img2 {
        margin-top: 20px;
    }
    .gal_img .col-sm-6
    {
        padding: 0px;
    }
    section.gallary_bg {
        padding: 40px 0px 40px 0px;
        position: relative;
    }
    .col-sm-6.gal_btm
    {
        margin-top: 0px;
    }
   .gal_img1, .gal_img2 {
        position: relative;
        width: 95%;
        margin: 0 auto;
        margin-top: 17px;
    }
    section.brand_sec {
         position: unset; 
        left: 0px;
         right: 0px; 
         margin-top: 0px; 
    }
    #brand_slide.owl-carousel .owl-nav {
        margin-top: 0px;
        display: none;
    }
    section.fooder {
        background-image: url(../images/fd_bg.png);
        padding: 60px 0px 0px 0px;
    }
    .row.fd_set
    {
        padding: 0px;
    }
    .menu_item_fd {
        display: flex;
        margin-top: 30px;
         margin-left: -100px; 
    }
    .copy_issue, .social_icon.fd
    {
        float: none;
        text-align: center;
    }
    .social_icon.fd
    {
        margin-top: 10px;
    }
    .final_fd {
        margin-top: 30px;
        padding: 14px 0px;
    }
    .address_fd {
        margin-top: 15px;
		margin-left: 35px;
    }
    .brand_blue_bg {
        background-color: #2FADDC;
        padding: 15px 15px;
    }
    .img_brand {
        margin: 0 auto;
    }
    .mob_logo {
        margin-left: 10px;
    }
    .about_cont {
        margin-left: 15px;
    }
    .video_bg_about:before
    {
        right: 0px;
    }
    section.inner_list_bnr {
        padding: 72px 0px 72px 0px;
    }
    .subcribe input {
        width: 96%;
    }
    section.about_video {
        padding: 20px 0px 60px 0px;
    }
    .form_inr_field input {
        width: 97%;
        margin-top: 13px;
    }
    .form_textbox {
        margin-top: 4px;
    }
    .form_cont {
        margin-top: -6px;
    }
    button.conf_btn {
        width: 97%;
    }
    .contact_det_more {
        background-color: #fff;
        filter: drop-shadow(1px 1px 5px #b5b5b5);
        padding: 40px 30px;
        position: unset; 
        padding: 30px 20px;
        width: 100%;
        transform: none;
    }
    .map_sec {
        width: auto;
    }
    .map_bg_set iframe {
        width: 100%;
        float: none;
    }
    section.contact_main {
        padding: 50px 0px 20px 0px;
    }
    .icon_con img {
        width: 40px;
    }
    .grid_brand {
        margin-top: 38px;
    }
    section.brand_sec_page {
        padding: 10px 0px 50px 0px;
    }
    .fd_menu_list1 {
        margin-left: 60px;
    }
    .indus_bg_des.page {
        margin-top: 20px;
    }
    section.inner_list_bnr.cate {
        padding: 50px 0px 100px 0px;
    }
    .cate_set1
    {
        display: block;
    }
    .cate_heading {
        width: 100%;
    }
    .text_hd_cate {
        padding: 30px;
        position: unset;
        margin-left: 0px; 
        width: 100%;
    }
    .cate_setimg {
        width: 100%;
    }
    .flex_cate {
        width: 100%;
    }
    #slid_cate button.owl-next {
        left: 52px;
        bottom: 0px; 
        top: 20px;
    }
    #slid_cate button.owl-prev
    {
        left:4px;
        bottom: 0px; 
        top: 20px;
    }
    .row.col_cate, .img_cont_col {
        margin: 20px 10px 20px 10px;
    }
    .cate_set1 {
        padding: 40px 40px 50px 40px;
    }
    .sidebar_set_pl {
        margin-left: 10px;
    }
    .product_show {
        margin-top: 15px;
    }
    .product_li_set {
        width: 91%;
        margin: 0 auto;
        margin-top: 35px;
    }
    .product_show.sec {
         margin-top: 0px; 
    }
    #slid_related button.owl-next
    {
        right: 0px !important;
    }
    #slid_related button.owl-prev
    {
        left: 0px !important;
    }
    .border_prod_det {
        padding: 20px 10px 20px 10px;
    }
    .hdg_prd_det h3 {
        font-size: 28px;
    }
    .indus_icon_img img {
        width: 90%;
        float: right;
    }
    .icon_img_fd {
        width: 30px;
    }

}

@media(min-width: 500px) and (max-width: 767px)
{
    .indus_icon_img img {
        width: 80px;
        float: right;
    }
}

@media(min-width: 1001px) and (max-width: 1920px)
{
    section.mobile_hd
    {
        display: none;
    }
}

@media(max-width: 1000px)
{
    section.header {
        display: none;
    }   
}

@media(min-width: 768px) and (max-width: 1000px)
{
     .container
    {
        width: 97% !important;
        max-width: 97% !important; 
        margin: 0 auto;
    }
    .bnr_cont {
        position: absolute;
        top: 50%;
    }
    .sect_hd h3 {
        font-size: 35px;
        margin-top: 10px;
        line-height: 50px;
    }
    section.about_us {
        padding: 90px 0px 180px 0px;
    }
    .video_bg:before {
        background-color: #12A3D9;
        height: 100%;
        right: -18px;
        z-index: -1;
        top: 6px;
    }
    .sect_p {
        background-color: #fff;
        padding: 21px 21px;
    }
    section.service {
        padding: 65px 0px 65px 0px;
    }
    .serv_grid {
        padding: 20px 13px 26px 13px;
    }
    section.industrial {
        padding: 70px 0px;
    }
    .indus_icon_text h4 {
        font-size: 20px;
    }
    .indus_icon_text h4:before {
        height: 3.4px;
    }
    hr.sec_left {
        border-top: 4px solid #12A2D7;
    }
    section.gallary_bg {
        padding: 40px 0px 130px 0px;
    }
    .fd_logo img {
        width: 100%
    }
    .menu_item_fd {
        margin-left: 0px;
    }
    #brand_slide button.owl-next {
        right: -50px;
    }
    #brand_slide button.owl-prev
    {
        left: -50px;
    }
    .icon_img_fd img {
        width: 90%;
    }
    .icon_img_fd {
        width: 22%;
    }
    .icon_det_fd {
        width: 78%;
    }
    section.fooder {
        padding: 120px 0px 0px 0px;
    }
    .row.fd_set
    {
        padding: 0px;
    }
    .addrs_details {
        margin-top: 25px;
        width: 100%;
        overflow: auto;
    }
    .bnr_slider {
        height: 770px;
    }
    .img_brand {
        width: 79%;
    }
    .video_bg_about:before {
        right: -15px;
    }
    section.inner_list_bnr {
        padding: 70px 0px 72px 0px;
    }
    .contact_det_more {
        top: 50%;
        transform: translateY(-50%);
        width: 42%;
        right: 6%;
    }
    .map_bg_set iframe {
        width: 100%;
        float: right;
    }
    .form_inr_field input {
        margin: 0px 6px;
    }
    section.contact_main {
        padding: 10px 0px 30px 0px;
    }
    .img_brand img {
        width: 100%;
        float: right;
    }
    .hd_brand_logo h4 {
        width: 68%;
    }
    h4.img_brand {
        width: 32%;
    }
    .indus_name {
        width: 72%;
    }
    .cate_set1 {
        padding: 40px 40px 100px 40px;
    }
    #slid_cate button.owl-prev, #slid_cate button.owl-next 
    {
        bottom: -90px;
    }
    .product_cont {
        padding: 16px 10px;
        margin-top: 16px;
    }
    .lat_line_link a {
        font-size: 13px;    
        padding: 9px 10px;
    }
    .product_show .row, section.productlist_main .row
    {
        margin: 0px;
    }
     #slid_related button.owl-next
    {
        right: 0px !important;
    }
    #slid_related button.owl-prev
    {
        left: 0px !important;
    }
    .border_prod_det {
        padding: 40px 10px 40px 20px;
    }
}   

@media (min-width:1001px) and (max-width:1200px) 
{
    .video_bg:before {
        height: 102%;
        right: -21px;
        top: -5px;
    }
    .serv_grid p {
        min-height: 99px;
    }
    .sect_p {
        width: 150%;
    }
    section.about_us {
        padding: 10px 0px 30px 0px;
    }
    .fd_logo img {
        background-color: #fff;
        padding: 15px 15px;
    }
    .map_bg_set iframe {
        width: 95%;
    }
    .top_menu ul li {
        padding: 37px 8px !important;
    }
    .top_menu ul li a {
        font-size: 13px;
    }
    .top_btn a {
        padding: 14px 14px; 
    }
     #slid_related button.owl-next
    {
        right: -15px !important;
    }
    #slid_related button.owl-prev
    {
        left:-15px !important;
    }
}

