/* dasktop responsive layout  */
@media only screen and (min-width:1025px) and (max-width:1200px){

    /* check our letest idea */
    .mini_box i {
        font-size: 4.5rem;
        margin: 1rem 3rem 5rem 0;
    }
    .mini_box h5 {
        font-size: 1.8rem;
    }
    /* meet our team section */
    .meet_button_wrapper {
        padding-bottom: 60px;
    }

    
}
/* small size laptop layout */
@media only screen and (min-width:769px) and (max-width:1024px){

    /* header top section responsive css */
    .top_phone {
        width: 35%;
        border-left: 1px solid transparent;
        font-size: 15px;
    }
    .top_email {
        width: 45%;
        font-size: 15px;
    }
    .top_social_icons {
        width: 20%;
    }

    /* hero section responsive css */
    .logo img {
        width: 101px;
        margin: 22px 0px;
    }
    .menu_items menu ul li a {
        font-size: 13px;
    }
    .menu_items menu ul li {
        padding: 24px 5px 20px 7px;
    }

    ul.sub_menu {
        top: 79px;
    }
    .container {
        max-width: 850px;
        width: 85%;
    }
    .slider_all_contents h1{
        font-size: 4.5rem;
        
    }
    .slider_all_contents button{
        padding: 1.2rem 3rem;
        font-size: 1.5rem;
      }

      /* servise section */
      .praimery_service_box {
        width: 48%;
        margin: 25px auto 0px auto;
        margin-right: 4%;
    }
      .praimery_service_box:nth-child(2) {
        margin-right: 0%;
    }
      .praimery_service_box:nth-child(4) {
        margin-right: 0%;
    }
      .praimery_service_box:nth-child(6) {
        margin-right: 0%;
    }
    .praimery_service_box_slide {
        padding: 70px 0px;
        display: inline-block;
    }

    /* work with us section responsive css */

    .heading_and_paragraph_area h3 {
        font-size: 2.9rem;
    }
    #work_with_our_teams_area {
        display: inline-block;
    }
    .heading_and_paragraph_area p {
        font-size: 1.3rem;
        line-height: 25px;
    }
    .work_with_our_team_button_area button {
        font-size: 1.3rem;
        padding: 1.3rem 2.5rem;
    }
    .ul_left_area ul li a {
        font-size: 1.1rem;
    }
    .ul_right_area ul li a {
        font-size: 1.1rem;
    }
    #work_with_our_teams_area {
        height: auto;
    }
    /* blog section responsive css */

    #Blog_section {
        display: inline-block;
    }
    .Box_Section_mini_box_area i {
        font-size: 2.7rem;
    }
    .Box_Section_mini_box_area h4 {
        font-size: 4rem;
    }
    .Box_Section_mini_box_area h5 {
        font-size: 1.2rem;
    }
    /* more fore us */
    .Title_and_Paragraph_area p {
        width: 63%;
    }
    .mission_section_area_box {
        width: 48%;
        margin: 1% 0 1% 3.6%;
    }
    .mission_section_area_box:nth-child(3) {
        width: 48%;
        margin: 1% 0 1% 0%;
    }
    #Mission_section {
        height: auto;
        display: inline-block;
    }
    .Mission_section_area_box_wrapper {
        padding: 30px 0px;
        display: inline-block;
    }
    /* pricing plan */
    #pricing_section_area {
        height: auto;
    }
    .pricing_box h3 {
        font-size: 2rem;
    }
    .pricing_box b {
        font-size: 4rem;
    }
    .pricing_box ul li {
        font-size: 1rem;
    }
    .pricing_box .pricing_btn {
        font-size: 1.1rem;
        padding: 1rem 1.5rem;
    }
    .Title_and_Paragraph_area h2 {
        font-size: 3.5rem;
    }
    /* check letest idea */
    .idea_right_title h3 {
        font-size: 2.6rem;
    }
    .idea_right_title P {
        font-size: 1.3rem;
    }
    .mini_box i {
        font-size: 3.5rem;
        margin: 1rem 2rem 5rem 0;
    }
    .mini_box h5 {
        font-size: 1.5rem;
    }
    .mini_box p {
        width: 100%;
        font-size: 1.2rem;
    }
    /* meet our team */

    .MEET_OUR_TEAM_btn {
        font-size: 1.5rem;
        padding: 1.5rem 2.5rem;
        margin-bottom: 50px;
    }
    /* our best project */
    .ourTitle h2 {
        font-size: 3.5rem;
    }
    .ourTitle p {
        width: 82%;
    }
    .ImageboxContent span {
        font-size: 1.2rem;
    }
    .ImageboxContent h5 {
        font-size: 1.2rem;;
    }
    .ImageboxContent a {
        font-size: 1.2rem;
    }
    /* letest news */
    .ourNewsTitle h2 {
        font-size: 3.5rem;
    }
    .ourNewsTitle p {
        width: 72%;
    }
    .newsFooter p {
        font-size: 1.4rem;
    }
    .newsFooter h3 {
        font-size: 1.6rem;
    }
    .newsFooter ul li {
        font-size: 1.4rem;
    }
    /* footer  */
    .sub_box h4 {
        font-size: 2rem;
    }
    .sub_box p {
        font-size: 1.2rem;
    }
    ul.sub_social_icons li a i {
        font-size: 1.3rem;
        width: 3rem;
        height: 3rem;
    }
    .SubInput input {
        padding: 1.3rem 6rem 1.3rem 2rem;
        font-size: 0.9rem;
    }
    .SubInput button {
        height: 3.7rem;
        padding: 0 2rem;
        font-size: 1.2rem;
    }
    .footerHome p {
        width: 98%;
        font-size: 1.2rem;
    }
    .footerHome i {
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .footerCall p {
        font-size: 1.2rem;
    }
    .footerCall i {
        margin-right: 10px;
    }
    .footerAddress i {
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .footerAddress p {
        font-size: 1.2rem;
    }
    .rightpostlist li {
        font-size: 1.2rem;
    }
    .CopyRight {
        width: 40%;
    }
    .CopyLeft {
        width: 60%;
    }
    .CopyLeft span {
        font-size: 1.2rem;
    }







}
/* tablet responsive layout */
@media only screen and (min-width:481px) and (max-width:768px){


    /* header top */
    .top_phone {
        width: 40%;
        border-left: 1px solid transparent;
        padding: 9px 0px;
        font-size: 12px;
    }
    .top_email {
        width: 40%;
        padding: 9px 0px 0px 9px;
        font-size: 12px;
    }
    .container {
        max-width: 850px;
        width: 85%;
    }
    .top_social_icons {
        float: right;
        display: flex;
        width: 20%;
    }
    .logo img {
        width: 120px;
    }
    .logo {
        width: 100%;
        text-align: center;
    }
    .mobile_navbar i {
        display: block;
        font-size: 23px;
        border: 3px solid #fb5200;
        padding: 6px 15px;
        border-radius: 5px;
        cursor: pointer;
    }
      .menu_items menu {
        display: none;
    }
    .menu_items menu {
        position: absolute;
        top: 80px;
        right: 0;
        background: #0000007a;
        width: 100%;
        border-radius: 10px;
    }
    .menu_items menu ul {
        text-align: center;
    }
    .menu_items menu ul li {
        display: block;
        padding: 7px 9px 12px 12px;
    }
    /* hero section  */

    .slider_all_contents h1{color: #FFF;
        width: 100%;
        font-size: 3.5rem;
        text-align: center;
    }
    .slider_all_contents p {
        font-size: 1.5rem;
        text-align: center;
        width: 78%;
        font-size: 1.8rem;
        margin: 0px auto 25px auto;
    }
    .slider_all_contents {
        text-align: center;
    }
    .slider_all_contents button {
        padding: 1rem 2.5rem;
        font-size: 1.3rem;
    }

    /* primary servises box */
    .praimery_service_box {
        width: 48%;
        margin: 25px auto 0px auto;
        margin-right: 4%;
    }
      .praimery_service_box:nth-child(2) {
        margin-right: 0%;
    }
      .praimery_service_box:nth-child(4) {
        margin-right: 0%;
    }
      .praimery_service_box:nth-child(6) {
        margin-right: 0%;
    }
    .praimery_service_box_slide {
        padding: 70px 0px;
        display: inline-block;
    }
    /* work with us */
    .work_with_our_team_image_area {
        width: 100%;
    }
    .work_with_right_all_content_area {
        width: 100%;
    }
    #work_with_our_teams_area {
        height: auto;
        display: inline-block;
    }
    .ul_left_area ul li {
        font-size: 1.5rem;
    }
    .ul_right_area ul li a {
        font-size: 1.5rem;
    }
    .work_with_our_team_button_area button {
        font-size: 1.4rem;
        padding: 1.4rem 2.5rem;
    }
    .heading_and_paragraph_area h3 {
        font-size: 3.3rem;
    }
    /* counter */

    .Box_Section_mini_box_area {
        width: 48%;
    }
    .Box_Section_mini_box_area:nth-child(1) {
       margin-bottom: 30px;
    }
    .Box_Section_mini_box_area:nth-child(2) {
       margin-bottom: 30px;
    }
    .Box_Section_mini_box_area h5 {
        font-size: 1.2rem;
        margin-bottom: 0px;
    }
    .Box_Section_mini_box_area h5:nth-child(1) {
        margin-bottom: 0px;
    }
    .Box_Section_mini_box_area h5:nth-child(2) {
        margin-bottom: 0px;
    }
    .Box_Section_mini_box_area h4 {
        font-size: 4rem;
    }
    .Box_Section_mini_box_area i {
        font-size: 3rem;
        margin-top: 0px;
    }
    #Blog_section {
        padding: 60px 0px;
    }

    /* more for us */
    .Title_and_Paragraph_area h2 {
        font-size: 3rem;
    }
    .Title_and_Paragraph_area p {
        width: 100%;
    }
    .mission_section_area_box {
        width: 48%;
        margin: 1% 0 1% 0%;
        margin-right: 4%;
    }
    .mission_section_area_box:nth-child(1) {
        margin-bottom: 30px;
    }
    .mission_section_area_box:nth-child(2) {
        margin-right: 0%;
        margin-bottom: 30px;
    }
    .mission_section_area_box:nth-child(4) {
        margin-right: 0%;
    }
    #Mission_section {
        height: auto;
        display: inline-block;
        padding: 0px 0px 40px 0px;
    }


    /* pricing plan */

    .pricing_box {
        width: 100%;
        margin: 1% 0 1% 0%;
    }
    .pricing_box .pricing_btn {
        padding: 1.5rem 2.5rem;
    }
    #pricing_section_area {
        height: auto;
        display: inline-block;
    }
    .idea_section_left {
        width: 100%;
    }
    .idea_section_right {
        width: 100%;
        height: auto;
    }
    .mini_box i {
        font-size: 4rem;
        margin: 1rem 2rem 5rem 0;
    }
    /* meet our team */

    .MEET_OUR_TEAM_section_area_box {
        width: 48%;
        margin: 1% 0 1% 0%;
        margin-right: 4%;
    }
    .MEET_OUR_TEAM_section_area_box:nth-child(1) {
        margin-bottom: 30px;
    }
    .MEET_OUR_TEAM_section_area_box:nth-child(2) {
        margin-right: 0%;
        margin-bottom: 30px;
    }
    .MEET_OUR_TEAM_section_area_box:nth-child(4) {
        margin-right: 0%;
    }
    .meet_button_wrapper {
        text-align: center;
    }
    .MEET_OUR_TEAM_btn {
        font-size: 1.5rem;
        padding: 1.5rem 2.5rem;
        margin: 40px auto;
        display: inline-block;
    }

    /* best project */
    .ourTitle h2 {
        font-size: 3rem;
    }
    .ourTitle p {
        width: 100%;
    }
    .ImageBox {
        width: 48%;
        margin: 1% 0 2% 0%;
        margin-right: 4%;
        float: left;
    }
    .ImageBox:nth-child(2) {
        margin-right: 0%;
    }
    .ImageBox:nth-child(4) {
        margin-right: 0%;
    }
    .ImageBox:nth-child(6) {
        margin-right: 0%;
    }
    .displayFlex {
        display: block;
    }
    .Our_Project {
        display: inline-block;
    }

    /* letest news */

    .ourNewsTitle p {
        width: 90%;
    }
    .ourNewsTitle h2 {
        font-size: 3rem;
    }
    .ournewsbox {
        width: 100%;
        margin-bottom: 30px;
    }
    #Our_News {
        display: inline-block;
    }

    /* footer  */
    .sub_box {
	text-align: center;
    width: 100%;
}
.sub_box:nth-child(2) {
	width: 48%;
	text-align: left;
	float: left;
	margin-right: 4%;
	background: #fb5200;
	padding: 0px 0px 20px 20px;
}
.sub_box:nth-child(3) {
	text-align: left;
	width: 48%;
	float: left;
	background: #fb5200;
	padding: 0px 0px 20px 20px;
}
.sub_box p {
	text-align: left;
    font-size: 1.3rem;
}
.SubInput button {
	right: 5%;
}
.sub_bg_box {
	padding-left: 0rem;
	padding: 10px 0;
}
#SubscribeArea {
	top: -7%;
}
.footer_box {
	width: 48%;
	float: left;
}
.footer_box:nth-child(1) {
	margin-top: 50px;
}
.footer_box:nth-child(2) {
	margin-top: 50px;
}
.sub_box h4 {
	font-size: 1.9rem;
}
ul.sub_social_icons li a i {
	font-size: 1.5rem;
	width: 3rem;
	height: 3rem;
}
.praimery_service_box:nth-child(3) {
	margin: 4% 3.5% 5% 0%;
}





    


  










}

/* mobile devises responsive css */
@media only screen and (min-width:320px) and (max-width:480px){

    /* top header  */
    #top_header {
        display: none;
    }
    .mobile_navbar i {
        display: block;
        font-size: 23px;
        border: 3px solid #fb5200;
        padding: 6px 15px;
        border-radius: 5px;
        cursor: pointer;
    }
    .menu_items menu {
        display: none;
    }
    .menu_items menu {
        position: absolute;
        top: 80px;
        right: 0;
        background: #0000007a;
        width: 100%;
        border-radius: 10px;
    }
    .container {
        max-width: 850px;
        width: 85%;
    }

    /* hero section  */
    .slider_all_contents h1 {
        width: 100%;
        font-size: 2.5rem;
    }
    .slider_all_contents button {
        padding: 1.1rem 2.5rem;
        font-size: 1.3rem;
    }
    .slider_all_contents p {
        width: 100%;
        font-size: 1.4rem;
    }


    /* services */
    .praimery_service_box {
        width: 100%;
        margin: 10px 0px;
    }
    .praimery_service_box:nth-child(1) {
        margin-top: 30px;
    }
    .praimery_service_box:nth-child(6) {
        margin-bottom: 30px;
    }
    
    /* work with us */

    .work_with_our_team_image_area {
        width: 100%;
    }
    .work_with_right_all_content_area {
        width: 100%;
        padding-left: 0%;
    }
    .heading_and_paragraph_area h3 {
        font-size: 2.2rem;
    }
    #work_with_our_teams_area {
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 30px 0px;
    }
    .ul_right_area ul li {
        font-size: 1rem;
    }
    .ul_left_area ul li {
        font-size: 1rem;
    }
    .work_with_our_team_button_area button {
        font-size: 1.1rem;
        padding: 1.2rem 2.1rem;
        text-align: center;
        display: inline-block;
    }
    .work_with_our_team_button_area {
        text-align: center;
    }

    /* counter section  */


    .Box_Section_mini_box_area {
        width: 100%;
        margin: 0% 0 0% 0%;
    }
    .Box_Section_mini_box_area:nth-child(2) {
       margin-top: 40px;
    }
    .Box_Section_mini_box_area:nth-child(3) {
       margin-top: 40px;
    }
    .Box_Section_mini_box_area:nth-child(4) {
       margin-top: 40px;
    }

    .Box_Section_mini_box_area h5 {
        font-size: 1.3rem;
        margin-bottom: 0px;
    }
    .Box_Section_mini_box_area h4 {
        font-size: 4rem;
    }
    .Box_Section_mini_box_area i {
        font-size: 3rem;
        margin-top: 0px;
    }
  
    #Blog_section {
        display: inline-block;
        padding: 40px 0px;
    }

    /* more form us section  */

    .Title_and_Paragraph_area h2 {

        font-size: 2.5rem;
    }
    .Title_and_Paragraph_area p {
        width: 100%;
    }
    .mission_section_area_box {
        width: 100%;
        margin: 10% 0 0% 0%;
    }
    .mission_section_area_box h5 {
        margin: 2% 0;
        font-size: 2rem;
    }
    .mission_section_area_box p {
        font-size: 1.4rem;
    }
    #Mission_section {
        height: auto;
        display: inline-block;
        padding-bottom: 30px;
    }

    /* pricing */
    #pricing_section_area {
        height: auto;
        display: inline-block;
    }
    .pricing_box {
        width: 100%;
        margin: 4% 0 4% 0%;
    }
    .pricing_box .pricing_btn {
        font-size: 1.2rem;
        padding: 1.3rem 2.3rem;
    }


    /* idea section  */
    .idea_section_left {
        width: 100%;
        height: auto;
    }
    .idea_section_right {
        width: 100%;
        height: auto;
    }
    .idea_right_title h3 {
        font-size: 2.1rem;
        line-height: 2rem;
    }
    .idea_right_title P {
        width: 74%;
        line-height: 3.7rem;
        font-size: 1.3rem;
    }
    .mini_box p {
        width: 90%;
        font-size: 1.3rem;
    }
    .mini_box h5 {
        font-size: 1.3rem;
    }
    .mini_box i {
        font-size: 3rem;
        margin: 1rem 1rem 5rem 0;
    }

    /* meet our team */

    #MEET_OUR_TEAM {
        display: inline-block;
    }
    .MEET_OUR_TEAM_section_area_box {
        width: 100%;
        margin: 10% 0 1% 1.6%;
    }
    .MEET_OUR_TEAM_section_area_box {
        margin-bottom: 0px;
    }
    .MEET_OUR_TEAM_btn {
        font-size: 1.2rem;
        padding: 1.3rem 2.5rem;
        margin: 35px auto;
        display: inline-block;
    }
    .meet_button_wrapper {
        text-align: center;
    }
    /* our best project */

    .ourTitle p {
        width: 100%;
    }
    .ourTitle h2 {
        font-size: 2.6rem;
    }
    .displayFlex {
        display: block;
    }
    .ImageBox {
        width: 100%;
        margin: 5% 0 0% 0%;
    }
    .Our_Project {
        padding: 10% 0;
    }

    /* letest news */

    .ourNewsTitle p {
        width: 100%;
    }
    .ourNewsTitle h2 {
        font-size: 2.6rem;
    }
    .ournewsbox {
        width: 100%;
        margin-top: 10%;
    }

    /* footer */

    #SubscribeArea {
        position: unset;
        text-align: center;
    }
    #Main_Footer {
        padding-top: 2rem;
    }
    .sub_box {
        width: 100%;
    }
    .sub_bg_box {
        padding-left: 0rem;
    }
    .sub_box p {
        text-align: center;
    }
    .SubInput input {
        padding: 1.5rem 6rem 1.5rem 2rem;
    }
    .SubInput button {
        padding: 0 2.8rem;
        height: 4.4rem;
        padding: 0 3rem;
        right: 5%;
    }
    .footer_box {
        width: 48%;
        overflow: hidden;
        float: left;
        margin-right: 4%;
    }
    .footer_box:nth-child(2) {
        margin-right: 0%;
    }
    .footer_box:nth-child(4) {
        margin-right: 0%;
    }

    .footer_box .f_p {
        font-size: 1.3rem;
    }
    ul.footerIcon li a i {
        font-size: 1.2rem;
    }
    .footerHome i {
        font-size: 1.5rem;
    }
    .footerHome p {
        font-size: 1.3rem;
    }
    .footerCall i {
        font-size: 1.5rem;
    }
    .footerCall p {
        font-size: 1.3rem;
    }
    .footerAddress i {
        font-size: 1.5rem;
    }
    .footerAddress p {
        font-size: 1.3rem;
    }
    .rightpostlist li {
        font-size: 1rem;
    }
    .rightPost h6 {
        font-size: 1rem;
    }
    .CopyLeft {
        width: 100%;
        text-align: center;
    }
    .CopyLeft span {
        font-size: 1.3rem;
    }
    .CopyRight {
        display: none;
    }
    .angle_arrow_area a {
        bottom: 8%;
        right: 6%;
    }

















}