@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .web_heading{
        padding-left: 6%;
    padding-top: 29%;
    }
    .port_content{
        padding-right: 0%;
    padding-top: 3%;
    }
    .case_styudyflow{
        padding-bottom: 50px;
    }
    .case_styudy_sec .port_content{
        padding-left: 0
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .sub_bannersec{
        height: 68%;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .list_col ul li{
        margin-bottom: 20px;
    }
    .list_col ul li h4{
        font-size: 18px;
    }
    .boot_font h5{
        width: 100%;
    }
    #navbarSupportedContent ul li a {
        font-size: 13px;
    }
    .web_banner img{
        height: auto;
    }
    .top_bannersection{
        height: auto;
    }
    .web_heading{
        padding-left: 10%;
        padding-top: 12%;
    }
    .web_heading h1{
        font-size: 40px;
    }
    .curve_top img{
        width: 74%;
    }
    .top-imgsection img{
        width: 158px;
    }
    .wedo_what {
    padding: 130px 0px 50px;
    }
    .col_whatweb{
        padding-right: 10%;
    }
    .border-ff:after{
        width: 150px;
    }
    .img_plan{
        /*width: 10px;*/
        padding: 10px;
    }
    .slider-content{
        /*width: 10px;*/
        padding-right: 30px;
    }
    .port_content{
            padding-right: 0;
      padding-top: 0;
    }
    .port_content h2{
        font-size: 30px;
    }
    .port_content p{
        font-size: 16px;
    padding-bottom: 8px;
    }
    .our_jpbs{
        margin-top: 10px;
    }
    .our_jpbs ul li{
            font-size: 18px;
    margin-bottom: 10px;
    }
    .our_jpbs h3{
        padding-bottom: 6px;
    }
    .case_styudy{
        padding-bottom: 60px;
    }
    .case_styudy_sec .port_content{
        padding-left: 20px;
    }
    .footer_con h5{
        width: 80%;
    }



}

@media screen and (max-width:991px) {
    .navbar-toggler .icon-bar {
        background-color: #000;
        margin: 6px 0;
    }
    .navbar-toggler.collapsed .icon-bar {
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -transition: all .4s ease;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
    }
    .navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        margin-top: -16px;
    }
    .navbar-toggler .top-bar {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        margin-top: 15px;
    }
    .navbar-light .navbar-toggler {
        border-color: #fff;
    }
    .navbar-toggler .icon-bar {
        width: 26px;
        height: 2px;
        border-radius: 10px;
        display: block;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -transition: all .4s ease;
    }
    .navbar-header {
        /*width: 100%;*/
    }
    .navbar-header .navbar-toggler {
        float: right;
        margin-top: 0px;
    }
    .navbar-brand {
        /*width: 180px;*/
    }
    .navbar-nav {
        /*border-top: 1px solid #e2d7d7;*/
    }
    .navbar-toggler.collapsed .bottom-bar {
        margin-top: 6px;
    }
    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }
    .navbar-toggler .middle-bar {
        opacity: 0;
    }
    .nav-topleft ul li,
    .nav-topright ul li {
        font-size: 12px;
    }
    .nav-topright ul li a {
        font-size: 12px;
    }
    #navbarSupportedContent ul li a{
    	    font-size: 12px;
    	padding: 18px 6px;
    }
    .navbar-header{

    }
    .web_heading{
        padding-left: 6%;
        padding-top: 8%;
        padding-right: 10px;
    }
    .top-imgsection img{
        width: 110px;
    }
    .curve_top img{
        width: 50%;
    }
    .web_heading h1{
        font-size: 44px;
    }
    .web_heading p{
        font-size: 16px;
        padding: 12px;
    }
    .top_bannersection{
        height: auto;
    }
    .web_banner img{
        height: auto;
    }
    .wedo_what{
        padding: 155px 0px 50px;
    }
    .wedo_what h2{
        font-size: 36px;
    }
    .wedo_what p{
        font-size: 18px;
    }
    .whatwe_dosec{
        padding-top: 80px;
    }
    .img_top img{
        width: 210px;
    }
    .col_whatweb{
        padding-right: 0;
    }
    .col_whatweb p{
        font-size: 16px;
    }
    .list_col{
        padding-top: 30px;
    }
    .list_col ul li h4{
        font-size: 16px;
    }
    .list_col ul li{
        margin-bottom: 22px;
    }
    .list_col ul li span{
        font-size: 16px;
    }
    .our_servicess{
        display: none;
    }
    .flex_header ul li{
        height: 320px;
    }
    .flex_header ul li h4{
        min-height: 65px;
        font-size: 22px;
    }

    .boot_font h5{
        font-size: 24px;
        width: 100%;
    }
    .content_p p{
        line-height: 26px;
        font-size: 20px;
    }
    .content_p .container{
        width: auto;
    }
    .you_get{
        padding: 50px 0px;
    }
    .does_itwork{
        /*padding: 30px;*/
    }
    .col_whatweb h2,.web_header h2{
        font-size: 36px;
    }
    .border-ff:after{
        width: 110px;
    }
    .img_plan{
        padding: 0;
    }
    .slider-content h3{
        font-size: 20px;
    }
    .slider-content p{
        font-size: 14px;
    line-height: 21px;
    }
    .slider-content{
            padding-top: 0;
        padding-right: 20px
    }
    .port_content{
        padding-right: 0;
        padding-top: 0;
    }
    .port_content h2{
        font-size: 28px;
        padding-bottom: 6px;
    }
    .port_content p{
            font-size: 14px;
        line-height: 22px;
        padding-bottom: 6px;
    }
    .our_jpbs{
        margin-top: 0;
    }
    .our_jpbs h3{
        font-size: 20px;
    }
    .our_jpbs ul li{
            width: 50%;
    float: left;
    font-size: 16px;
    margin-bottom: 5px;

    }
    .our_jpbs ul{
        padding: 0;
    }
    .our_jpbs h3{
        padding-bottom: 3px;
    }
    .case_styudyflow{
        padding-bottom: 40px;
    }
    .case_styudy_sec .port_content{
        padding-left: 10%;
    }
    .footer_con h5{
        width: 100%;
    }
    .content_p{
        padding: 20px 0px 30px
    }
    #navbarSupportedContent ul .menu_list{
        top: 7px;
    }
    .sub_form{
        padding-left: 30px
    }
    .portfolio-img img{
        width: 100%;
    }
    .tech_content{
        padding-top: 110px;
    }
}


/*@media screen and (min-width: 768px) and (max-width:991px) and (orientation:portrait) {

}*/

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

@media screen and (min-width: 768px) and (max-width:991px) and (orientation:landscape) {}

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

    .menu_list:before{
        display: none;
    }
    .top-navbar {
    position: fixed;
    top: 0;
    right: -350px;
    z-index: 99;
    width: 280px;
    height: 100%;
    background-color: #fff;
    overflow: auto;
    transition: all 0.2s ease;
    }
    #navbarSupportedContent ul li a{
        text-align: right;
        font-size: 14px;
    }
    .top-navbar .navbar-nav {
    padding-top: 55px;
    }
    .show {
    display: block!important;
    right: 0 !important;
    }
    .header-top {
        display: none;
    }
    #navbarSupportedContent ul .menu_list{
        text-align: right;
    }

    .menu_list:before{
         right: 15px;
        top: -15px;
    }
    .navbar {
        padding: 12px 15px;
    }
    .navbar-toggler {
        margin-bottom: 0;
        margin-top: 1px;
        border: 0;
    }
    .header-fixed  .navbar-toggler.collapsed .icon-bar{
       background-color: #333 !important;
       z-index: 1099;
       position: relative;
    }
    .navbar-toggler.collapsed .icon-bar{
         background-color: #333;
    }
      .navbar-toggler .icon-bar{
       color: #333;
       z-index: 1099;
       position: relative;
    }
    .navbar-brand {
      /*   width: 120px;*/
   		 /*height: 50px;*/
        margin-left: 5px;
        margin-right: 0px;
        margin-top: 0px;
        top: 18px;
    }
    .navbar-toggler .top-bar {
        margin-top: 20px;
    }
    .navbar-light .navbar-nav .nav-link {
        text-align: left;
        padding: 0px 20px;
    }
    .navbar-light .navbar-nav .nav-item {
        margin: 3px 0;
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
    }
    .navbar-toggler .collapsed {
        padding: 10px;
        border-top: 1px solid #ccc;
        margin-top: 10px;
        float: right;
    }
    .navbar-header {
        width: 100%;
        /*padding-bottom: 14px;*/
    }
    .navbar-light .navbar-toggler {
        float: right;
    }
    .navbar-toggler .icon-bar {
        width: 22px;
        height: 2px;
        border-radius: 10px;
    }
    .navbar-toggler {
        padding: 11px 10px 11px 6px;
    }
    .mob-section{
    	display: block !important;
    	float: right;
		background: #ffb606;
	    display: inline-block;
	    border-radius: 30px;
	    /*padding: 8px 35px;*/
	    width: 40px;
	    height: 40px;
	    margin-left: 5px;
	    margin-top: 8px;
	    box-shadow: #9c9a9a 2px 2px 3px 0px;
	    margin-right: 10px;
    }
    .mob-section a{
    	display: block;
	    margin: 0 auto;
	    text-align: center;
    }
    #navbarSupportedContent ul li a{
    	padding: 8px 15px;
    }   
    .menu-overlay{
            display: none;
            background-color: #000;
            bottom: 0;
            left: 0;
            opacity: .5;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 49;
            transition: all 0.4s ease;
    }
    .menu-header #navbarSupportedContent ul li a{
        color: #333;
    }
    .menu-header #navbarSupportedContent ul li a{
        text-align: right;
        font-size: 14px;
    }
    .navbar-toggler .icon-bar{

    }

    .web_heading{
        padding-left: 0;
        padding-top: 0;
        padding-right: 0
    }
    .web_heading h1{
        font-size: 40px;
    }
    .top-imgsection img{
        width: 95px;
    }
    .top_bannersection{
        height: auto;
    }
    .web_banner img{
        padding-right: 0;
    }
    .web_banner{
        padding-top: 100px;
    }
    .bottom-right{
        position: absolute;
        bottom: auto;
        right: 0;
        top: 62%;
    }
    .wedo_what{
        padding: 140px 0px 50px;
    }
    .wedo_what h2{
        font-size: 30px;
    }
    .wedo_what p{
        /*text-indent: 50px;*/
        font-size: 16px;
        width: 100%;
    }
    .img_top img{
        width: 185px;
    }
    .whatwe_dosec{
        padding-top: 100px;
    }
    .what_weimg img{
        height: auto;
    }
    .col_whatweb{
         padding-right: 0;
         padding: 20px 0px;
    }
    .col_whatweb h2{
        font-size: 30px;
    }
    .our_servicess{
        display: none;
    }
    .list_col ul li{
        width: 100%;
        margin-bottom: 30px;
    }
    .list_col ul li{

    }
    .list_col ul li h4{
        font-size: 20px;
    }
    .list_col ul li span{
        font-size: 16px;
    }
    .you_get{
        padding: 40px 0px;
    }
    .web_header h2{
        font-size: 34px;
    }
    .flex_header ul li{
        width: 100%;
        border-bottom: 3px dashed #959595;
        border-right: 0;
    }
    .flex_header.border-bt ul li:last-child{
            border-bottom: 0;
    }       
    .flex_header ul li h4{
        padding: 0px 0 14px;
        min-height: auto;
        font-size: 22px;
    }       
    .flex_header ul li{
        height: auto;
    }
    .does_itwork{
        /*padding: 0 0 50px;       */
    }
    .topslider-nav{
            display: none;
    }
    .itwork_design{
        padding-top: 30px;
    }
    .web_header h2{
        padding-bottom: 30px;
    }
    .img_plan {
            padding: 0;
    }
    .slider-content{
        padding-right: 0;
    }
    .slider-content h3{
        font-size: 24px;
    }
    .solid_dot{
        right: -6px;
    }
    .port_content{
        padding-right: 0;
        padding-top: 14%;
        padding-left: 10px;
    }
    .port_content h2{
        font-size: 30px
    }
    .port_content p{
        font-size: 16px;
        padding-bottom: 14px;
        text-indent: 35px;
    }
    .our_jpbs ul li{
        width: 100%;
        float: left;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .our_jpbs h3{
        font-size: 22px;
    }
    .case_styudy_sec .port_content{
        padding: 0;
        padding-bottom: 70px;
    }
    .case_styudy_sec .solid_dot{
        left: -6px;
    }
    .content_p .container{
        width: auto;
    }
    .footer_con h5{
        width: 100%;
    }
    .footer_con{
        text-align: center;
    }
    .footer-logo{
        padding-top: 10%;
    }
    .sub_form {
    padding-left: 0;
    padding-top: 40px;
    }
    .slider-content{
        padding-top: 35px;
    }

    .img_testmonial p{
        width: 100%;
    }
    .img_testmonial img{
       width: 50%;
        float: none;
        margin: 0 auto;
    }
    .img_testmonial {
        text-align: center;
    }
    .mar_auto{
        width: 100%;
    }

    .boot_font{
        padding-left: 0;
    }
    .boot_font h5{
        width: 100%;
        float: none;
        text-align: center;
        font-size: 18px;
        padding-top: 0px;
        line-height: 26px;
    }
    .padd_foot{
        padding: 0px 0px 20px; 
    }
    .footersec{
        padding: 10px 0px 30px;
    }
    .content_p p{
        padding-left: 0;
    }

    .header-fixed .navbar-brand{
            /*width: 60px;*/
            /*height: 50px;*/
        top: 12px;
    }
    .padd-right{
        padding: 15px;
    }
    .client_details{
        width: 100%;
        padding: 10px;
    }
    .img_testmonial h4{
        padding-bottom: 13px
        font-size: 38px;
    }
    .client_details ul{
        padding-left: 20px;
    }
    .img_testmonial h4{
        width: 100%;
        font-size: 38px;
    }
    .client_details ul li{
        text-align: left;
    }

    .tech_content{
        padding: 40px 0px;
    }
    .tech_content h2{
        font-size: 32px;
    }
    .tagsections h2{
        font-size: 34px;
    }



  
}	

@media screen and (max-width:767px) and (orientation:landscape) {}

@media screen and (max-width:574px) {
    header {
    /*    background-color: #fff;
        box-shadow: #ccc 0px 1px 9px 0px;
        -webkit-box-shadow: #ccc 0px 1px 9px 0px;
        -moz-box-shadow: #ccc 0px 1px 9px 0px;
        -ms-box-shadow: #ccc 0px 1px 9px 0px;*/
    }
    header .btn-line.loginFormBtn {
        border: 2px solid #004e77;
        color: #004e77;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .navbar {
        padding: 4px 15px;
    }
    .navbar-toggler {
        margin-bottom: 0;
        margin-top: 1px;
    }

    .img_go img{
        width: 100%;
    }
    .iteam_text{
        width: 100%;
    }
    .ser_wapper.ser_reverse{
        display: block;
    }
    .info_go h2{
        font-size: 30px;
    }
    .ser_wapper{
        display: block;
    }
}

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

}

@media screen and (max-width:420px) {
    .banner-tit{
        padding-top: 170px;
    }
}

@media screen and (max-width:320px) {
   .banner-tit{
    padding-top: 130px;
   }
}