<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media (max-width:1366px){

    .popupa-area{

        width: 70%;

    }

    .popupa-area{

        height: 80%;

        overflow-y:auto;

    }

}
@media (max-width:1200px){

    .flex-row .flex-box{

        width: 23.8%;

    }

    .popupa-area .left-box{

        width:40%;

    }

    .popupa-area .right-box{

        width:60%;

    }
    #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure{
        width: 25%;
    }

}
@media (max-width:1199px){
    .contact-info {
        width: 40%;
    }
    .contact-info .address-wrapper{
            width: 90%;
    }
}

@media(max-width: 1024px){

    .bcyx-panel{

    	font-size: 10px;
	}
	.alad-design{

        font-size: 15px;

     }
     .bc-proutstructure{

        height: auto;

    }

    .sftr-hdngnamedesign{

        font-size: 18px !important;

    }

    .bc-praoutgrhstructure{

        margin-top: 15px;

    }
     .cmake-structure{

       padding: 0px;

    }
    .chxq-back{
        width: 100%;
        margin-bottom: 10px;
    }
    .digicamx-design{

        margin-left: 10px;

        margin-top: 20px;

    }
    .digicamx-design1{

        margin-left: 10px;

    }
    .hsez{

        height: 120vh;

    }
    .ads-fstbackstructure1{

        height: 120vh;

    }

    #new-structure .hsez{
         height: unset;
    } 
    #new-structure .ads-fstbackstructure1{
        height: unset;
    }


    .ads-scndoutstructurecpy{

      margin-top: 30px;

    }
    .asdx-scndstructure{

     margin-top: 15px;

   } 
   .sqeler-imgdesign{

        margin-left: 10px;

    }
    #new-structure .sqeler-imgdesign{

        margin-left: unset;

    }

     .aysde-xobstructure{

        width: 40%;

    }
    .bc-newlfrmstructre{

        display: none;

    }
    .lsil-rdhtext{

        font-size: 8px;

    }
    .tuse-textdesign{

    font-size: 12px;

  }
  .bc-newlfrmstructre1{

        display: none;

    }
    .brd-lgsectiondesign1:before{

        left: 70px;

    }

    .brd-lgsectiondesign1:after{

        right: 70px;

    }
    .bc-brdfroldesign1{

        font-size: 22px;

    }

    .bc-brdfroldesign1:before{

        left: 6px;

    }

    .bc-brdfroldesign1:after{

        right: 6px;

    }
    .bc-ppanelbrd1{

        font-size: 13px;

    }
    .popupa-area {

        width: 80%;

    }
    i#tooltipdemo:hover::after {

            font-size: 11px;

            width: 150px;

        }

        i#tooltipdemo1:hover::after {

            font-size: 11px;

            width: 150px;

        }

        .ads-outstructure.new-banner-style .sqeler-imgdesign {
    margin-left: unset;
}

.ads-outstructure.new-banner-style .ads-fstbackstructure1 {
    height: unset;
}

}
@media(max-width: 991px){

	.sl-area{

       float: none !important;

	}
	.tuse-textdesign{

    font-size: 17px;

  }
   .bred-icn1{

        font-size: 12px !important;

    }

    .bred-fcidesign{

        font-size: 10px !important;

    }
    .col-wrapper{
    	padding: 0
    }
    .mobile-cate-home{
        display: block;
    }
    .top-catrgory ul{
        display: none
    }
    .top-catrgory{
        min-height: 60px;
    display: flex;
    align-items: center;
    }
    .cat-box{
        width: 20%
    }
    .flex-row .flex-box {
        width: 23.5%;
    }
    .flex-row .flex-box .content{
        text-align: center;
    }

    .listname-textdesign{
        font-size: 13px;
        padding-left: 5px;
    }
    .speratesection-design{
        padding: 5px 12px;
    }
    .list-wrapper aside{
        padding-right: 25px;
    }

    #new-structure .bc-proutstructure{
        flex-flow: row wrap;
    }

    #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure .left-col, #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure .right-col{
         width: 100%
    }
    #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure .left-col{
        padding-right: 0
    }
    #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure .right-col{
        padding-left: 0
    }
    #new-structure .puk-fourstructure.opened h3.murt-text{
        font-size: 16px;
    }

    .about form .half .half-row{
        width: 100%
    }
    .about form .half .half-row:first-child {
        padding-right: 0;
    }
    .about form .half .half-row:last-child{
        padding-left: 0;
    }
    #new-structure .puk-fourstructure{
        width: 80%
    }
    #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure{
        width: 33.33%;
    }
    #listing-details .bc-proutstructure .bc-primgstrcutuure img{
        width: 100%
    }
    #listing-details .details-outleftstructure .shmes-structure{
            margin: 0 15px;
    }
    #listing-details .bc-wedtdoutstructure .bc-wedtdtext{
        font-size: 16px;
    }
    #listing-details .bc-wedtdoutstructure .img-wrapper{
            width: 70px;
    height: 70px;
    }

    #hero-section .hero-row .right-part{
        display: none;
    }
    #hero-section .hero-row .left-part{
        width: 100%;
        text-align: center;
        padding-right: 0
    }
    #hero-section .left-part h1{
        font-size: 36px;
    }
    #hero-section .left-part h4{
        font-size: 27px;
    }
    #hero-section .left-part h3{
            font-size: 32px;
    }
    #software-tab{
            padding: 60px 0;
    }

    .tab-wrapper {
    margin-top: 50px;
}
.contact-info{
    width: 65%
}
.company-info .logo{
    width: 200px;
    height: 200px;
        margin-left: 0px;
        margin-top: 0
         
}
.contact-info h2{
    font-size: 25px;
        margin-top: 0;
}
p.for-mobile{
    display: block;
}

.web-cta{
    display: none
}
.company-info{
    align-items: center;
}
#listing-filter{
   padding: 25px 0
}

.details-banner, #hero-section{
        height: 315px;
}
}
/* ** end 991px ** */

@media(max-width: 768px){

	/*.pfad{

        margin-top: 4px;

    }*/
    .siktez-img{
        padding-left: 0px;
    }
    .nazx-structure{
        margin-right: 0px;
    }

    .lex-logoxz{
        padding-left: 0px;
    }

    .nnxxz-structure{
        margin-right: 0px;
    }

    .bcyx-panel{
    font-size: 15px;

	}
	.area-size{
	    width: 100%;
    }

    .cc-panels{
    	width: 150px;
        margin-left: 0px;
    }

    .cimg-panel{
    	float: left;
    	margin-left: 0px;
    }
    .back-banner{
	    padding: 7px;
	   } 
	.inner-searharea{
		margin-bottom: 15px;
	}
	.inner-btnarea {
      margin-top: 15px;
      margin-bottom: 15px;
    }
    .city-outstructure{

	  border-top-right-radius: 0px;

      border-bottom-left-radius: 0px;

	}
	.cr-text{
	  font-size: 20px;
    }

    .animate-mapx{
      width: 40px;
    }
    .brc-panel{
		font-size: 22px;

	}
	.ads-textdesign{
     font-size: 20px;
   } 
   .beside-outsructure{

	  margin-bottom: 15px;

    }
    .fstheading-structure{

	  margin-bottom: 15px;

	  margin-top: 15px;

    }
    .cb-structure{

		margin-bottom: 15px;

	}
	.fid-outstructure{

      margin-bottom: 15px;

	}

	.ls-idesign {

       padding-top: 0px;

    }
    .offer-outstructure{

		padding: 20px;

	}
	.neonx{

		font-size: 40px;

	}
	.allxl-styles{

        float: none;

        padding-right: 0px;

    }
    .samedvx-design{

		font-size: 13px;

	}

	.flous-text{

	    font-size: 13px;

	}
	.digi-mainoutstructure{

        text-align: inherit;

    }
    .ads-rightstartdivide{

        margin-top: 15px;

    }
    #new-structure .ads-rightstartdivide{

        margin-top: 0px;

    }
    .details-outleftstructure{

        border-right: none;

    }
    .seler-imgxstructure {

      margin-bottom: 40px;

      margin-left: 25px;

     }

	.upzimgdesign {

     height: 120px;

     width: 90%;

    }
    .bcz-structure1{

      border-right: 2px solid #19b80d;

    }
    .sx-sliderstructure{

        margin-top: 20px;

    }
    .many-octrstructure{

       margin-right: 0px;

       margin-left: 0px;

   }
   .mdfy-styldtstructure{

        width: 100%;

        margin-top: 30px;

    }
    .abouut-img {

  	   width: 100%;

  	}
  	.a-text{

		font-size: 47px;

	}
	.vm-twooutstructure{

       margin-bottom: 20px;   

    }
    .sid-design{

        font-size: 25px;

    }
    .besx-btnqstyle{

        margin-top: 20px;

    }
    .fdffrm-outstructure{

       padding: 20px; 

    }

    .lfed-textdesign{

        font-size: 25px !important;

    }
    .cntfrm-outstructure{

        padding: 20x;

    }

    .dsnthy-text{

        font-size: 25px !important;

    }
    .flex-row .flex-box{

        width: 31.6%;

    }

    .top-catrgory ul li a{

            padding: 22px 10px;

    }

    .top-catrgory ul{

            justify-content: flex-start;

    }

    .more-you .flex-row .left-box, .more-you .flex-row .right-box{

        width:100%;

    }

    .more-you .flex-row .more-box.app{

            padding-bottom: 50px;

    }
   

   .mobile-cate-home h5{
        font-size: 18px
    }

    .flat-outstructure.similar-ads.portfolio .seler-imgxstructure{
         margin-left: 0px;
    }
.ads-outstructure.new-banner-style .ads-rightstartdivide {
    margin-top: 0px;
}

#software-tab h2{
    font-size: 22px;
        padding: 0 10%;
}

}
@media(max-width: 767px){

   /* .c-icnpanel {

       top: 36px !important;

    }*/
     .cxssba-design{

        border-color: snow !important;

	}  
	#just-for-you .header{

    margin-bottom: 25px;

}



#just-for-you{

    padding-top:30px;

    padding-bottom:50px;

}

.contact-info-wrapper .info-wrapper{

    padding:0 50px;

}

.contact-banner{

        height: 180px;

}

.contact-banner h1{

    font-size:30px;

}

.contact-info-wrapper .left-part, .contact-info-wrapper .cont-form{

    width:100%;

}

.popupa-area .left-box {

    width: 100%;

}

.popupa-area .right-box {

    width: 100%;

}



.cross img{

    filter: brightness(15);

}
.nnxxz-structure li {
    margin-left: 0px;
}

.lr-panel.login-desk, .pfad{
    display: none;
}

.lr-panel.login-mobile, .pfad.mobile{
    display: block;
}

.pfad.mobile .list-btn{
    width: auto;
    height: auto;
    background: transparent;
}
.pfad.mobile .list-btn img, .lr-panel .uzx-desiggn img{
    width: 16px;
}
.flag-nax{
        display: none;
    }
    .lr-panel .uzx-desiggn, .pfad.mobile .list-btn{
            width: 32px;
    height: 32px;
    border: 1px solid #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    #seacrh-area .container .content-section h3{
        font-size: 24px;
    }
    #seacrh-area{
        height: 220px
    }
    #seacrh-area .container .content-section{
        margin-bottom: 15px
    }
    #seacrh-area .container .content-section{
        width: 100%
    }
    .search-form .select-box .text-holder i{
        display: none
    }
    .search-form .select-box{
            width: 120px;
    }
    #city-wrapper{
        width: 200px
    }
    .search-form .search-text-area .search-btn-area button{
        width: 46px
    }
    .search-form .select-box .text-holder span.angle-down i{
        display: block;
    }
    #seacrh-area .container .content-section .search-area{
        padding:10px;
        
    }
    .search-form .select-box .text-holder i + span{
        font-size: 14px
    }
    .search-form .select-box .text-holder{
        padding: 15px 5px;
    }
    .search-form .select-box, .search-form .search-text-area{
        height: 42px;
        
    }
    .search-form .search-text-area{
        width: calc(100%-120px);
        width: -webkit-calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width:  -o-calc(100% - 120px);
    }

    .search-form .search-text-area .search-btn-area button i{
        font-size: 15px;

    }

    .cat-box {
        width: 25%;
    }
    .brws-panel{
        margin-top: 25px;
    }
    #just-for-you{
            margin-top: 30px;
    }

    .list-wrapper aside{
        width: 100%;
        padding-right: 0;
    }
    .list-wrapper .list-boxes {
        width: 100%;
    }
     .mobile-category-select{
        display: block;
    }
    .category-structurez{
        display: none;
    }
    .copy-innerstructure{
        margin-top: 10px;
        margin-bottom: 5px
    }
    .lst-logo{
        width: 100%;
        padding-right: 0
    }
    .copy-innerstructure .content{
        width: 100%;
            padding-right:0px;
            padding-left: 0

    }
    .copy-inerimgstructure{
        padding: 15px
    }
    .copy-inerimgstructure a{
        display: flex;
        align-items: center;
        justify-content: center;
            height: 100%;
    }
    .copy-designimgx{
        height: 100%;
        object-fit: scale-down;
    }
    .scndheading-structure{
        flex-flow: row wrap;
    }
     .scndheading-structure &gt; div{
        width: 50%;
        border-right: none;
            border: 1px solid #e9e9e9;

    }
    .scndheading-structure &gt; div:first-child{
        border-bottom:none;
    }
    #new-structure .thrddown-outstructure{
      padding: 50px 25px;  
      padding-top: 0;
      margin-top: 50px
    }
    #new-structure .hsez{
        object-fit: cover;
    }
    #new-structure .sqeler-imgdesign{
        padding-top:0;
        padding-bottom: 0;
    }
    #new-structure .bobc-imgstructure{
        padding:5px !important;
        position: absolute;
        width: 150px;
        height: auto;
    }

    #new-structure .ads-scndoutstructurecpy{
        position: absolute;
        bottom: 0;
    }

    #new-structure .similar-ads{
        display: none;
    }
    #new-structure .harhmi-imgdesign{
        width: 100%;
        height: auto;
        /*object-fit: none;*/
    }
    .right-outstructure{
        display: flex;
        flex-direction: column;
    }
    .fstheading-structure{
        order: 1;
    }
    .thrd-outstructure{
        order: 3
    }
    .scndheading-structure{
        order: 4
    }
    .lst-product{
        order: 2;
        width: 100%;
        text-align: left;
        margin-top: 0;
        color: #19b80d;
        font-weight: 600;
        background: none;
        padding: 0
    }
    .bcrm-design.desk-top{
    display: none;
}
.bcrm-design.mobile-top{
    display: block;
    margin-top: 25px;
       width: 150px;
    margin-top: 15px; 
}

.copy-inerimgstructure{
    margin-bottom: 0
}
#new-structure .ads-fstbackstructure{
    background: none !important;
    height: 300px
}

#new-structure .ads-rightstartdivide{
     width: 100%;
    height: auto;
    background: #1b1b1b;
}
#new-structure .ads-fstbackstructure1{
    height: 300px;
}

#new-structure .ads-rightstartdivide .inner-wrapper{
    width: 100%;
    margin-left: auto;
}

.about-content-col{
    width: 100%;
    padding-right: 0
}
.about .form-col{
    width: 100%;
    padding-left: 0
}
.about form .half .half-row {
    width: 50%;
}
.about form .half .half-row:first-child {
    padding-right: 5px;
}
.about form .half .half-row:last-child {
    padding-left: 5px;
}

 #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure{
        width: 50%;
    }
     #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure .left-col{
        height: auto;
    }
    #new-structure .bc-praoutgrhstructure{
        height: auto;
        display: block;
    }
    .address-content {
        width: 60%;
        margin-left: auto;
    }
    
    .share-outstructure:hover .upd-structure{
        display: flex;
    }
    #new-structure .ads-scndoutstructurecpy {
    position: absolute;
    bottom: -38px;
}
#new-structure .flat-outstructure.similar-ads.portfolio{
    display: block;
}
#new-structure.ad-page-setup .ads-rightstartdivide{
   height: 100%

}
.upload-logo.upload-btn{
    top: unset;
    bottom: 70px
}
.upload-banner.upload-btn{
    top: unset;
    bottom: 20px
}

.step-form{
    padding: 25px;
}
.step-form.portfolio .panel.panel-info .dropzone{
    font-size:16px;
}

#listing-details .panel.panel-info .panel-body &gt;div .dropzone{
        font-size: 16px;
}
#listing-details #editabout .modal-dialog, #listing-details #addservice .modal-dialog, #listing-details #addproduct .modal-dialog, .editProduct .modal-dialog, .editService .modal-dialog, #addPortfolio .modal-dialog{
    width:90%;
        margin: 0 auto;
}

.ads-outstructure.new-banner-style .sqeler-imgdesign {
    padding-top: 0;
    padding-bottom: 0;
}
.ads-outstructure.new-banner-style .ads-fstbackstructure {
    background: none !important;
    height: 300px;
}
.ads-outstructure.new-banner-style .ads-fstbackstructure1 {
    height: 300px;
}
.ads-outstructure.new-banner-style .ads-rightstartdivide {
    height: 100%;
    width: 100%;
    background: #1b1b1b;
}

.ads-outstructure.new-banner-style .ads-rightstartdivide .inner-wrapper {
    width: 100%;
    margin-left: auto;
}
.ads-outstructure.new-banner-style .bobc-imgstructure {
    padding: 5px !important;
    position: absolute;
    width: 150px;
    height: auto;
}

.ads-outstructure.new-banner-style .ads-rightstartdivide .inner-wrapper {
    width: 100%;
    margin-left: auto;
}
.ads-outstructure.new-banner-style .sqeler-imgdesign {
    padding-top: 0;
    padding-bottom: 0;
}
#listing-details #page_data{
        padding: 25px;
}

#hero-section .container .hero-row{
    padding: 0 25px
}
.tab-content .flex-box .content h5{
    font-size: 14px
}
.tab-content .flex-box .img-box .ser-cpanel{
    width: 40%;
    object-fit: contain;
}

.details-banner{
    height: 330px;
}

.contact-info {
    width: 60%;
        margin-left: 30px;
}

#contents-wrapper .container .contents{
    width: 100%;
    padding-right: 0px;
}

#contents-wrapper .container .form-wrapper{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0px;
    top: 0
}

}

/*** 767px end ***/
@media (max-width:640px){
    .lex-logoxz{
        width: 150px
    }
    .cat-box {
        width: 33.33%;
    }
    .flex-row .flex-box {
        width: 30.9%;
    }

    #new-structure.ad-page-setup .ads-fstbackstructure1{
            height: 360px;
    }
    #listing-details .details-outleftstructure{
        flex-flow: row wrap;
    }
    #listing-details .secTitle .addex-design{
        font-size: 22px;
    }
   .tab-btns .tab-btn{
    font-size: 18px;
   }
   .company-info .logo {
        width: 150px;
        height: 150px;
    }
    .contact-info .address-wrapper .map-marker{
        display: none;
    }
    .contact-info .address{
            margin-left: 0;
    }
    .contact-info {
        width: 64%;
    }
    .contact-info .address-wrapper {
        width: 100%;
    }
    .contact-info .address-wrapper{
        margin-top: 15px;
    }
    .contact-info .address{
        width: 100%
    }

}

@media (max-width:600px){

    .flex-row .flex-box{

        width: 31%;

    }

    .popupa-area form .checkbox-row .half .half-row{

        width:100%;

    }

    .popupa-area form .checkbox-row .half .half-row:first-child{

            padding-right: 0px;

    }

    .popupa-area form .checkbox-row .half .half-row:last-child{

            padding-left: 0px;

    }

    .popupa-area .right-box{

        padding: 25px;

    }

    .popupa-area ul{

        padding-left:25px;

    }

    .popupa-area {

        width: 90%;

    }
    .contact-info {
    width: 55%;
}
#contents-wrapper .nav-area ul li a{
        font-size: 15px;
            padding: 0 15px;
}
#contents-wrapper .nav-area ul{
    padding-left: 10px;
}

}
@media (max-width:540px){
    #new-structure .thrddown-outstructure{
      padding: 25px 15px;  
      padding-top: 0
    }
    #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure{
        width: 50%;
    }
     #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure{
        width: 100%;
    }
    .flat-outstructure.similar-ads.portfolio &gt; div{
        width: 100%
    }
    .flat-outstructure.similar-ads.portfolio .seler-imgxstructure{
        height: auto
    }
    .tab-btns{
        flex-flow: row wrap
    }
    .tab-btns .tab-btn{
        width: 100%
    
    }

}



@media (max-width:480px){

    .flex-row .flex-box{

        width:100%;

    }

    .contact-info-wrapper .info-wrapper{

        padding:0;

    }

    .contact-info-wrapper .left-part h2, .info-wrapper .cont-form h2{

        font-size:25px;

    }

    .contact-info-wrapper {

        padding:50px 0;

    }

    .top-catrgory ul li{

        width: 100%;

    }

    .top-catrgory ul li a span br{

        display:none;

    }

    .top-catrgory ul li a {

        padding: 15px 10px;

    }

    .how {

        width: 90%;

    }

    .nav-panel{
        height: 64px;
    }
    .lex-logoxz {
    width: 136px;
}
#seacrh-area .container .content-section h3{
    font-size: 20px
}
.cat-box {
        width: 50%;
    }
    .ser-cpanel{
        height: auto;
        width: 100%;
        object-fit: scale-down;
        max-height: 130px
    }

    #new-structure .bobc-imgstructure{
        width: 100%;
        position: relative;
        height: auto;
            padding: 0px !important;
    }
    #new-structure .ads-fstbackstructure1{
        flex-wrap: wrap;
            height: auto;
    }
    #new-structure .ads-rightstartdivide .inner-wrapper{
        margin-right: auto;
        width: 100%;
            margin-left: 0;
    }
    #new-structure .ads-rightstartdivide .inner-wrapper .alz-sectionstruvture{
        text-align: left
    }
    #new-structure  .ads-fstbackstructure{
            height: auto;
    }
    #new-structure .ads-rightstartdivide{
        height: auto;
    }
    #new-structure .puk-fourstructure.opened h3.murt-text {
        font-size: 14px;
    }

    .about form .half .half-row {
        width: 100%;
    }
    .about form .half .half-row:first-child {
        padding-right: 0px;
    }
    .about form .half .half-row:last-child {
        padding-left: 0px;
    }
    #new-structure .thrddown-outstructure.targetDiv .bc-proutstructure{
        width: 100%;
    }
    #new-structure .harhmi-imgdesign{
        width: 100%;
    }
    #new-structure .puk-fourstructure{
        margin-left: 0;
    }
    .bcrm-design.mobile-top{
        width: 100%
    }
    .address-content {
        width: 100%;
        margin-left: auto;
        margin-top: 25px;
    }

    #new-structure.ad-page-setup .ads-fstbackstructure1{
            height: 440px;
    }
    .data-wrapper{
            flex-wrap: wrap;
    }
    .data-wrapper label, .data-wrapper .data{
        width: 100%
    }
    .step-form{
    padding: 15px;
}

.ads-outstructure.new-banner-style .ads-fstbackstructure {
    height: auto;
}
.ads-outstructure.new-banner-style .ads-fstbackstructure1 {
    height: 440px;
}
.ads-outstructure.new-banner-style .ads-rightstartdivide .inner-wrapper {
    margin-right: auto;
    width: 100%;
    margin-left: 0;
}
.ads-outstructure.new-banner-style .bobc-imgstructure {
    width: 100%;
    position: relative;
    height: auto;
    padding: 0px !important;
}
.ads-outstructure.new-banner-style .ads-rightstartdivide .inner-wrapper .alz-sectionstruvture {
    text-align: left;
}
.ads-outstructure.new-banner-style .ads-rightstartdivide .inner-wrapper .alz-sectionstruvture {
    text-align: left;
}
.modal-body{
    padding: 15px;
}
#listing-details .divide-rightfststructure, #listing-details .bc-seroutpanelnew{
  padding: 0
}
#hero-section .left-part h1 {
    font-size: 28px;
}
#hero-section .left-part h4 {
    font-size: 20px;
}
#hero-section .left-part h3 {
    font-size: 22px;
}
#hero-section .container .hero-row {
    padding: 0 0px;
}
#software-tab h2{
    padding: 0
}
 #software-tab{
            padding: 40px 0;
    }
       .tab-wrapper {
    margin-top: 30px;
}

#software-tab .flex-row .flex-box{
    width: 100%
}
.tab-content .flex-box .img-box .ser-cpanel{
    width: auto;
}
#listing .flex-row .flex-box{
    width: 100%
}
.details-banner, #hero-section{
    height: 190px;
}
#listing-filter {
    padding: 25px 0;
    padding-top: 0
}
.company-info {
    align-items: flex-start;
    justify-content: center;
}
.company-info .logo{
    margin-top: -100px;
}
.contact-info{
    margin-left: 0;
        padding-top: 25px;
        text-align: center;
        width: 100%
}
.contact-info h2{
        font-size: 18px;
}
.social-share{
    bottom: unset;
    top: 15px;
}
#contents-wrapper .nav-area ul li a{
    font-size: 14px;
        padding: 0 10px;
}
#contents-wrapper .nav-area ul{
    background: #fff;
    padding: 25px;
    flex-flow: row wrap;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
   
    margin-top: 10px;
    display: none;
}
#contents-wrapper .nav-area ul li{
    width: 100%;
}
#contents-wrapper .nav-area ul li a{
    text-align: right;
}
.mobile-drop-menu{
    display: flex;
}

.list-row .pro-box{
    width: 100%
}
.list-row{
    flex-flow: row wrap
}
}

/* ** end 480px ** */

@media(max-width: 461px){

    .bc-brdfroldesign1{

        font-size: 16px;

    }

    .bc-brdfroldesign1:before{

        left: 0px;

    }

    .bc-brdfroldesign1:after{

        right: 0px;

    }

}
@media(max-width: 460px)

{

    .bc-ppanelbrd1

    {

        font-size: 11px;

    }

    .min-bcbrdstructure1

    {

        padding: 0px;

    }

}
@media(max-width: 417px){

    .brd-lgsectiondesign1:before{

        left: 30px;

    }

    .brd-lgsectiondesign1:after{

        right: 30px;

    }
    .search-form .select-box{
            width: 80px;
    }
    .search-form .search-text-area{
        width: calc(100%-80px);
        width: -webkit-calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width:  -o-calc(100% - 80px);
    }
    

}

@media (max-width:390px){

    .flex-row .flex-box{

        width: 46%;

    }

    form .checkbox-row .half .half-row{

        width:100%;

    }

    form .checkbox-row .half .half-row:first-child {

        padding-right: 0px;

    }

    form .checkbox-row .half .half-row:last-child {

        padding-left: 0px;

    }
    .upload-btn a{
        font-size: 13px;
    }
    #new-structure .addex-design{
        font-size: 26px
    }

}</pre></body></html>