/*-------------- media section ---------------*/
@media screen and (max-width:576px) {

    #modal-contents{
        width: 90% !important;
    }

    #our-services .services-box{
        width: 100%;
    }
 	
    #slider h2 {
	    font-size: 30px;
	}
     #about-us, #why-choose-us {
         margin-top: 0;
    }
     #our-projects .project-content h5 {
         margin-bottom: 0;
         margin: 8px;
    }
     #our-services {
         padding-bottom: 10% !important;
    }
     #our-projects, .blog_inner {
         position: relative;
    }
     #our-partners {
         margin-top: 0%;
    }
     #pricing-plan {
         margin-top: 0%;
         padding-top: 10% !important;
    }
     .pp_svg_main, .about_right_svg, .how_we_work_right_svg {
         display: none;
    }
     #our-partners .container {
         box-shadow: none;
    }
     .woocommerce-checkout .woocommerce-checkout .col-1, .woocommerce-checkout .woocommerce-checkout .col-2 {
         max-width: 100% !important;
    }
     #slider .inner_carousel h2 small {
         font-size: 12px !important;
         margin-bottom: 6px;
    }
     .woocommerce-cart table.cart td.actions .coupon .input-text {
         width: 37%;
    }
     section {
         padding: 40px 0;
         background-size: cover;
    }
     blockquote {
         width: 100%;
    }
     #slider p {
         margin: 0 0 9px 0;
    }
     #slider h5 {
         font-size: 16px;
         letter-spacing: 4px;
         margin-bottom: 0;
         display: none;
    }
     section h2 {
         font-size: 22px;
    }
     .serach_inner input.search-field {
         width: 85%;
    }
     .logo p {
         line-height: 17px;
    }
     #header .header-search {
         justify-content: flex-end;
         padding-right: 30px;
         padding-bottom: 20px;
    }
     .header-nav {
         padding-top: 0;
         padding-left: 15px;
    }
     #header .search-form label {
         width: 53%;
    }
     input.search-field {
         width: 97%;
    }
     .logo h1 a {
         font-size: 21px;
    }
     .home.page-template .site-header {
         position: unset;
         background: linear-gradient(to right, #f8d194, #f6b782);
         padding-bottom: 0px;
    }
     .site-header .logo-box {
         padding-bottom: 21px;
    }
     #slider form {
         padding-top: 2em;
    }
     #slider form .wpcf7-form-control-wrap {
         max-width: 100%;
    }
     #slider form input[type="submit"] {
         position: unset;
    }
     .sticky .toggle-nav {
         left: 25px !important;
    }
     #our-services .services-head p {
         max-width: 100%;
         font-size: 18px;
    }
     #about-us .about-text {
         padding-top: 25px;
    }
     #pricing-plan .pricing-plan-head p {
         max-width: 100%;
    }
     #pricing-plan .pricing-tab ul li a {
         margin: 5px 10px;
    }
     #pricing-plan .pricing-tab-content .tab-info:nth-child(even) .tab-content-box {
         height: auto;
    }
     #pricing-plan .pricing-tab-content .tab-info:nth-child(odd) .tab-content-box {
         margin-top: 0;
    }
     #pricing-plan .tab-info {
         margin-bottom: 25px;
    }
     #testimonial .testimonial-head, #testimonial .testimonials-link, #testimonial .testimonials-info, #our-projects .our-projects-head, #our-projects .our-projects-link, #our-projects .project-data, #our-skills .main-title, #our-blogs .our-blogs-head, #our-blogs .our-blogs-link, #our-blogs .blog-info, #our-skills .small-title, #our-skills .our-skill-img, .all-testimonial .testimonials-image, #our-records .record-box, #about-us .about-text, .slider-box, #header .header-search, .contact-info, #pricing-plan .pricing-tab-content .tab-content-box h3, #pricing-plan .pricing-tab-content .tab-content-box ul, .site-header .logo-box, #footer .footer-details {
         text-align: center;
    }
     #testimonial .testimonials-text i {
         right: 0;
    }
     #our-faq .our-faq-content h3 {
         padding-top: 30px;
    }
     #our-faq #accordion .card i {
         right: 0;
         top: 8px;
    }
     #our-skills .small-title {
         display: block;
    }
     #our-blogs .our-blogs-head p {
         margin-bottom: 0;
    }
     #footer .footer-details {
         padding-bottom: 20px;
    }
     #about-us .about-content-box, #testimonial .testimonial-head {
         width: auto;
    }
     #pricing-plan .tab-content-box {
         max-width: 324px;
         margin: auto;
    }
     #our-team .team-content {
         max-width: 320px;
         margin: auto;
    }
     .progress_bar_8 .skils-percentage {
         left: 0;
    }
     #our-skills .vc_label {
         left: 90px;
    }
     #our-skills .our-skill-img, .services-short .services-short-box {
         padding-top: 30px;
    }
     .custom-social-icons {
         padding: 0 !important;
    }
     #sticky-menu {
         padding-bottom: 20px;
    }
     .header-search-box-icon {
         padding-top: 6px;
         margin-top: 0;
         border: none;
    }
     #footer .footer-bg {
         position: relative;
         top: -3px;
    }
     #our-skills .skillRotateImage {
         -webkit-animation: none !important;
    }
     #how-we-work {
         padding-top: 74px;
    }
     #about-us .about-head {
         padding-top: 40px;
    }
     #our-team .our-team-head h3, #our-faq .our-faq-content h3, #why-choose-us .why-choose-us-head p, #our-team .our-team-head p {
         max-width: 100%;
    }
     #our-records .container {
         max-width: 94%;
    }
     #our-team {
         padding-top: 0;
    }
     .blog_inner .owl-carousel .owl-dots {
         padding-bottom: 20px;
    }
     .main-header-box .search-icon{
         padding-left: 20px;
    }
    #footer .widget_nav_menu ul li{
    	text-align: center;
    }
}
 @media screen and (min-width: 577px) and (max-width:767px) {




 	#slider h2 {
	    font-size: 30px;
	}
     #about-us, #why-choose-us {
         margin-top: 0;
    }
     .owl-carousel .owl-dots {
         padding-bottom: 20px;
    }
     .woocommerce-checkout .woocommerce-checkout .col-1, .woocommerce-checkout .woocommerce-checkout .col-2 {
         max-width: 100% !important;
    }
     button.owl-next {
         right: 0;
    }
     button.owl-prev {
         left: 0;
    }
     .post_dec {
         display: none;
    }
     .contact_details {
         padding: 12px 0;
         position: static;
         right: 0;
         top: 50%;
         transform: unset;
    }
     .footer_form {
         padding: 0;
    }
     .meta_post span {
         font-size: 12px;
    }
     .postbox .postbox-content {
         padding: 5px 15px;
    }
     .search-box span {
         float: right;
    }
     .contact_details ul li {
         display: block;
         color: #ffffff;
    }
     .woocommerce-cart table.cart td.actions .coupon .input-text {
         width: 37%;
    }
     #slider .inner_carousel h2 small {
         font-size: 15px !important;
    }
     #slider .carousel-caption.d-none.d-md-block {
         display: block !important;
    }
     #slider p.font-weight-bold {
         display: none;
    }
     #header .logo a.custom-logo-link {
         position: static;
    }
     #masthead #site-branding img, #masthead.scrolled #site-branding img {
         max-height: 40px;
         width: auto;
    }
     .main-navigation li, #masthead.scrolled .main-navigation li {
         display: block;
         line-height: 1.5 !important;
    }
     .sf-arrows .sf-with-ul {
         padding-right: 0;
    }
     .menu>ul>li>a {
         padding: 10px 0;
    }
     .main-navigation ul ul {
         position: static;
         width: 100%;
         box-shadow: none;
    }
     .woocommerce div.product div.images .flex-control-thumbs {
         margin: 10px 0 0 0;
    }
     .innermenubox {
         position: static;
    }
     .contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 textarea {
         width: 100% !important;
    }
     .slider-box {
         max-width: 100%;
         border: none;
         padding: 65px 30px 20px 30px;
         transform: translateY(-19%);
         position: unset;
    }
     .slider-box span {
         padding-bottom: 0;
    }
     .header-nav {
         padding-top: 6px;
         padding-left: 35px;
    }
     .logo h1 a {
         font-size: 23px;
    }
     .home .main-navigation ul {
         border-bottom: none;
    }
     section {
         background-size: cover;
    }
     .contact-box .contact-page-details {
         padding-top: 30px;
    }
     .home.page-template .site-header {
         position: unset;
    }
     .home.page-template .site-header {
         background: linear-gradient(to right, #f8d194, #f6b782);
         padding: 10px 0;
    }
     #sticky-meun .right_menu {
         top: 25px;
    }
     .sticky .right_menu {
         top: 0px !important;
    }
     .sticky .toggle-nav {
         left: 25px !important;
         top: 0px !important;
    }
     .toggle-nav {
         left: -9px;
         top: -17px !important;
    }
     .toggle-title {
         top: -15px !important;
    }
     .sticky .toggle-title {
         top: 0 !important;
         ;
    }
     #slider form {
         padding-top: 3em;
    }
     #our-records .container {
         padding-top: 30px;
         padding-bottom: 30px;
         text-align: center;
    }
     #our-services .services-head p {
         max-width: 100%;
         font-size: 18px;
    }
     #about-us .about-content-box {
         width: auto;
         text-align: center;
    }
     #about-us .about-text h5 {
         padding-top: 25px;
    }
     #pricing-plan .pricing-plan-head p {
         max-width: 100%;
    }
     #pricing-plan .tab-content-box {
         max-width: 350px;
         margin: auto;
    }
     #pricing-plan .pricing-tab-content .tab-info:nth-child(odd) .tab-content-box {
         margin-top: 0;
    }
     #pricing-plan .tab-info {
         margin-bottom: 30px;
    }
     #testimonial, #testimonial .testimonials-link, #testimonial .testimonials-link, #our-projects .project-data, #our-projects .our-projects-head, #our-projects .our-projects-link, #our-blogs .our-blogs-head, #our-blogs .our-blogs-link, #our-skills .our-skill-img {
         text-align: center;
    }
     #our-partners .container {
         padding: 30px 0;
    }
     #our-team .our-team-head p {
         max-width: 100%;
    }
     #our-faq .our-faq-content h3 {
         padding-top: 30px;
    }
     #our-skills .our-skill-img {
         padding-top: 30px;
    }
     #our-blogs .our-blogs-head p {
         margin-bottom: 0;
    }
     #why-choose-us .why-choose-us-head p {
         max-width: 100%;
    }
     .services-short .services-short-box {
         padding-top: 30px;
    }
     .all-team .team-content {
         max-width: 354px;
         margin: auto;
    }
     .header-search-box-icon {
         margin-top: 12px;
    }
     #testimonial .testimonials-text i {
         right: 0;
    }
     #about-us .about-head {
         padding-top: 40px;
    }
     #our-projects, .blog_inner {
         position: relative;
    }
     #our-skills .skills-main-box {
         padding-top: 0;
    }
     .about_right_svg, .pp_svg_main {
         display: none;
    }
     #pricing-plan .pricing-tab ul li {
         margin-top: 5px;
    }
     #why-choose-us {
         padding-bottom: 20px;
         padding-top: 20px;
    }
     #how-we-work .how-we-work-head {
         padding-top: 20px;
    }
     #our-team .our-team-head h3 {
         max-width: 100%;
    }
     #our-team {
         padding-bottom: 0px;
    }
     #projects-partners {
         padding-bottom: 20px;
    }
     #pricing-plan {
         padding-bottom: 20px;
    }
     #our-skills .skillRotateImage {
         -webkit-animation: none !important;
    }
    #footer .widget_nav_menu ul li{
    	text-align: center;
    }
}
 @media screen and (min-width: 768px) and (max-width:991px) {

        #our-services .services-box{
        width: 100%;
    }


 	#pricing-plan .pricing-tab-content .tab-content-box ul li{
 		font-size: 12px;
 	}
 	.main-header-box .search-icon{
         padding-left: 27px !important;
    }
     #about-us, #why-choose-us {
         margin-top: 0;
    }
     .about_right_svg, .how_we_work_right_svg {
         top: 32%;
    }
     .about_right_svg svg {
         width: 150px;
    }
     #our-partners {
         margin-top: 6%;
    }
     #slider h2 {
         font-size: 25px;
         padding: 0 0 12px 0;
    }
     #slider p {
         margin: 0;
         max-width: 90%;
         line-height: 21px;
    }
     .search-form button i {
         font-size: 12px !important;
         padding-right: 2px !important;
    }
     #header .header-search {
         position: unset;
    }
     .slider-box {
         position: unset;
         max-width: 100%;
         border: none;
         padding-top: 10%;
         padding-bottom: 20px;
         transform: translateY(0);
    }
     .home .main-navigation ul {
         border-bottom: none;
    }
     #footer #site-navigation ul li {
         padding-top: 14px;
         padding-bottom: 11px;
    }
     .toggle-nav {
         margin-top: 0px !important;
         left: 0px;
    }
     .toggle-title {
         top: -2px;
    }
     .sticky .toggle-nav {
         margin-top: 3px !important;
         left: 30px;
    }
     .home.page-template .site-header {
         position: unset;
         background: linear-gradient(to right, #f8d194, #f6b782);
         padding: 15px 0;
    }
     #sticky-meun .right_menu {
         top: 16px;
    }
     .sticky .right_menu {
         top: 0 !important;
    }
     #slider form {
         padding-top: 3em;
    }
     #our-records .container {
         padding-top: 30px;
         padding-bottom: 30px;
    }
     #our-services .services-head p {
         max-width: 65%;
    }
     #about-us .about-text h5 {
         font-size: 22px;
    }
     #about-us .about-text h3 {
         font-size: 35px;
    }
     #pricing-plan .pricing-plan-head p, #our-team .our-team-head p, #why-choose-us .why-choose-us-head p {
         max-width: 65%;
    }
     #our-partners .container {
         padding: 25px 0;
    }
     #our-faq .our-faq-content h3 {
         font-size: 21px;
    }
     #our-faq #accordion .card i {
         right: 0;
    }
     .header-search-box-icon {
         padding-top: 3px;
    }
     #partner-services {
         margin-top: -44%;
    }
     #pricing-plan {
         padding-top: 50px;
    }
     .about-text {
         padding: 0;
    }
     #our-skills .skills-main-box {
         padding-top: 0;
         padding-bottom: 20%;
    }
     #why-choose-us {
         padding: 20px 0;
         padding-top: 10% !important;
    }
     #pricing-plan .pricing-tab-content .tab-content-box h5 {
         font-size: 22px;
         margin-top: 10px;
    }
     #pricing-plan .pricing-tab-content .tab-content-box h3 {
         font-size: 30px;
    }
}
 @media screen and (max-width: 1024px) and (min-width:991px) {
     .main-header-box .search-icon{
         padding-left: 27px !important;
    }
     .search-box {
         float: none;
    }
     .search-box form.search-form {
         margin: 0 auto;
    }
     .social-box .social-media {
         padding-top: 21px;
    }
     #slider .inner_carousel h2 small {
         margin-bottom: 4px;
         font-size: 16px !important;
    }
     small {
         font-size: 13px;
    }
     .postbox {
         margin-bottom: 20px;
    }
     .slider-box {
         max-width: 100%;
         top: 54%;
         padding-top: 20px;
         padding-bottom: 20px;
         left: 40px;
    }
     #slider p {
         line-height: 22px;
    }
     .logo h1 a {
         font-size: 18px;
    }
     .widget th, .widget td {
         padding: 0;
    }
     .main-header-box .logo-box h1 a {
         font-size: 17px;
    }
     .toggle-nav {
         left: 35px;
    }
     .menubar {
         padding-top: 6px;
    }
     #partner-services {
         margin-top: -41%;
    }
     #our-faq .our-faq-content h3 {
         font-size: 24px;
    }
     .header-search-box-icon {
         margin-top: 13px;
    }
     #how-we-work .how-we-work-head {
         padding-bottom: 20px;
         padding-top: 20px;
    }
     #our-team {
         padding-top: 0;
    }
     #our-team .our-team-head {
         padding-bottom: 10px;
    }
     #our-faq {
         padding-top: 0%;
    }
     #about-us .about-text a {
         padding: 11px 25px;
    }
     #about-us .about-content-box {
         align-items: normal;
    }
     #about-us .video-image img {
         width: 317px;
         max-width: 100%;
    }
     #how-we-work .process-box span {
         font-size: 107px;
    }
     .slider-box span {
         padding-bottom: 0;
    }
     #our-blogs {
         padding-top: 5%;
    }
     #why-choose-us {
         padding-bottom: 20px;
    }
     .blog_inner {
         padding-top: 2%;
    }
}
 @media screen and (max-width: 1024px) {
     .main-header-box .search-icon{
         padding-left: 20px;
    }
     .sticky {
         padding: 12px 0;
    }
     .home .main-navigation ul {
         border: none;
    }
     .list_outer {
         padding: 20px 20px;
         background-color: rgba(255, 255, 255, 0.8);
    }
     .main-navigation ul ul {
         background-color: transparent;
    }
     .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
         border-bottom: none;
    }
     .toggle-nav {
         display: block;
         position: relative;
         right: 15px;
         width: 30px;
         cursor: pointer;
         z-index: 12;
         right: 0;
         text-align: right;
         right: 0;
         cursor: pointer;
    }
     .toggle-nav i {
         font-size: 20px;
         color: #111;
         cursor: pointer;
         margin-top: 6px;
    }
     .sidenav {
         height: 100%;
         width: 0px;
         position: fixed;
         z-index: 9999999;
         top: 0;
         right: 0;
         background-color: #111;
         overflow-x: hidden;
         transition: 0.5s;
         padding-top: 25px;
    }
     .sidenav a {
         padding: 8px 8px 8px 0px;
         text-decoration: none;
         color: #818181;
         display: block;
         transition: 0.3s;
    }
     .sidenav a:hover {
         color: #f1f1f1;
    }
     .sidenav .closebtn {
         position: absolute;
         top: 0;
         right: 25px;
         font-size: 36px;
         margin-left: 50px;
         display: block;
         color: #ffffff;
         cursor: pointer;
    }
     .sidenav #site-navigation {
         width: 100%;
    }
     .toggle-nav span {
         font-size: 30px;
         cursor: pointer;
         text-align: right;
    }
     .toggle-title {
         position: absolute;
         font-size: 17px;
         color: #111;
         top: 5px;
         right: 0;
         font-weight: bold;
         display: inline-block;
    }
     .sticky .toggle-title {
         right: 20px;
    }
     #sticky-meun .right_menu {
         position: relative;
    }
     iframe {
         width: 100%;
         height: auto;
    }
     .main-navigation .menu {
         float: none;
         text-align: center;
    }
     .main-navigation ul ul li, #masthead.scrolled .main-navigation ul ul li {
         display: block;
    }
     .main-navigation .menu>ul>li.highlight {
         background: transparent !important;
    }
     .menu>ul>li:hover:before, .menu>ul>li.current_page_item:before, .menu>ul>li.current-menu-item:before {
         display: none;
    }
     .sf-arrows .sf-with-ul:after {
         border-top-color: #333;
    }
     .toggle i.fa.fa-bars, .toggle i.fa.fa-times {
         float: right;
         color: black;
    }
     .menubar .nav ul {
         width: 100%;
         margin-top: 0;
    }
     .menubar .nav ul li, .menubar.scrolled .main-navigation li {
         border-top: 1px #303030 solid;
         display: block;
         text-align: left;
         float: none;
         width: 18rem;
         padding: 5px;
    }
     .nav ul li a {
         display: block;
         color: #ffffff;
    }
     .nav ul li ul, .nav ul li ul ul {
         display: block !important;
    }
     .nav ul li ul li a:before {
         content: "\00BB \00a0";
    }
     .nav ul li ul li a {
         padding-left: 8px !important;
    }
     .nav ul li ul li ul li a {
         padding-left: 19px !important;
    }
     .main-navigation ul ul {
         position: static;
         width: 100%;
         box-shadow: none;
    }
     .top_bar_btn {
         padding: 0;
    }
     .main-navigation li.current_page_item {
         border: none;
    }
     .main-navigation ul ul, .main-navigation ul ul li {
         background: transparent !important;
    }
     #header-menu .current_page_item {
         background: none;
    }
     #header-menu .current_page_item a {
         color: #979da7;
         border: none;
    }
     #header-menu .current_page_item ul li a {
         color: #fff;
    }
     #header-menu .current_page_item {
         border-bottom: none;
    }
    /* Icon 1 */
     #nav-icon1 {
         width: 40px;
         height: 30px;
         position: relative;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .5s ease-in-out;
         -moz-transition: .5s ease-in-out;
         -o-transition: .5s ease-in-out;
         transition: .5s ease-in-out;
         cursor: pointer;
    }
     #nav-icon1 span {
         display: block;
         position: absolute;
         height: 4px;
         width: 100%;
         background-color: #111;
         border-radius: 9px;
         opacity: 1;
         left: 0;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .25s ease-in-out;
         -moz-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
         transition: .25s ease-in-out;
    }
     #nav-icon1 span {
         background-color: #111;
    }
     #nav-icon1 span:nth-child(1) {
         top: 0px;
    }
     #nav-icon1 span:nth-child(2) {
         top: 13px;
    }
     #nav-icon1 span:nth-child(3) {
         top: 26px;
    }
     #nav-icon1.open span:nth-child(1) {
         top: 18px;
         -webkit-transform: rotate(135deg);
         -moz-transform: rotate(135deg);
         -o-transform: rotate(135deg);
         transform: rotate(135deg);
    }
     #nav-icon1.open span:nth-child(2) {
         opacity: 0;
         left: -60px;
    }
     #nav-icon1.open span:nth-child(3) {
         top: 18px;
         -webkit-transform: rotate(-135deg);
         -moz-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
         transform: rotate(-135deg);
    }
     .serach_outer {
         text-align: center;
    }
}
 @media screen and (max-width: 1200px) and (min-width: 1025px) {
     .widget th, .widget td {
         padding: 0;
    }
     .logo h1 a {
         font-size: 18px;
    }
     #slider h2 {
         font-size: 27px;
         padding-top: 10px;
         padding-bottom: 10px;
    }
     .slider-box {
         padding-top: 30px;
         padding-bottom: 30px;
    }
     .toggle-nav {
         left: 35px;
    }
     #our-faq .our-faq-content h3 {
         font-size: 24px;
    }
     #our-blogs {
         margin-top: -30px;
         padding-bottom: 0;
    }
     .main-header-box .logo-box h1 a {
         font-size: 19px;
    }
     #our-faq {
         padding-top: 3%;
    }
     #about-us .about-head {
         padding-top: 13%;
    }
     #about-us .about-text a {
         padding: 11px 25px;
    }
     #about-us .about-content-box {
         align-items: normal;
    }
     #about-us .video-image img {
         width: 317px;
         max-width: 100%;
    }
     #how-we-work .process-box span {
         font-size: 107px;
    }
     #our-team .our-team-head {
         padding-bottom: 10px;
    }
     .slider-box span {
         padding-bottom: 0;
    }
     .home.page-template .site-header {
         padding: 15px 0;
    }
     #slider .carousel-caption {
         padding-top: 9%;
    }
     #partner-services {
         margin-top: -43%;
    }
     #how-we-work .owl-dots, #our-skills, #our-team {
         padding-top: 0;
    }
     #why-choose-us {
         padding-bottom: 20px;
    }
}