/*======================================================================
=============================:: MEDIA CSS ::============================
=======================================================================*/
/* 1366px View */
@media screen and (max-width:1499px){
    .info-body h4 {font-size: 24px; line-height: 32px;}
    .header-popup {padding: 20px;}
    .header-popup h2 {font-size:15px;line-height: 18px;}
    .head-info h4 {padding:10px; font-size: 16px; line-height:20px;}
    .head-info-main {margin: 0 -5px;}
    .head-info {height:160px;}
    .head-info-main .col-4 {padding: 0 5px;}
    .link-list ul li {font-size: 15px; line-height: 18px;}
}

/* 1200px View */
@media screen and (max-width:1365px){
    .container {width:1140px;}
}

/* iPad 1024px View */
@media screen and (max-width:1199px) {
    .container {width:100%; padding:0 20px;}
    .btnbox {padding:0;}
    p {font-size:18px;line-height:26px;}
    .padding-80 {padding:50px 0;}
    /*Header and banner*/
    .header-inner{justify-content: left;}
    .nav-main {display:none;}
    .mobi-iconbox {display:block;}
    .header-right {padding-right:50px;}
	.header-right > .searchform{display:none;}
    .header-top {padding:0 20px;}
    .header-links{margin-right: -10px;}
    .header-links li a{padding: 0 10px; font-size: 13px;}
    .header-search .search-input {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
    .head-info {height:120px;}
    .welcome-info p {font-size: 15px;line-height: 24px;}
    .inner-padding {padding:0;}
    .devider {padding: 0;}
    .pro-text-inner {padding: 0 0 0 30px;}
    .pro-info .pro-title {padding:0 30px 20px;}
    .pro-list .items:nth-child(even) .pro-title:before {left: 30px;}
    .pro-info p {font-size: 18px;line-height: 24px;}
    .testimonial-inner p, .testimonial-inner em {font-size: 18px;line-height: 24px;}
    .products-slider {padding:20px 40px 0;}
    .products-slider .slick-arrow.slick-prev {left: 0;}
    .products-slider .slick-arrow.slick-next {right: 0;}
    .testimonial-block .container {padding: 0 20px;}
    .page-banner .banner-img {max-height:380px;}
    .page-template-product .page-banner .banner-img.hasVideo, .page-template-sports .page-banner .banner-img.hasVideo{height: 100%;}
    .caption h1 {font-size: 24px;line-height: 32px;}
    .play-btn {width: 60px;height: 60px;line-height: 60px;font-size: 60px;}
    .products-list-block .products-slider{padding:0;}
    .green-box ul li {font-size: 15px;line-height: 22px;}
    .green-box ul li + li {margin-top: 5px;}
    .product-info-block .info-body .imgbox {height:440px;}
    .content-section .container{padding: 0 20px;}

    /*===== Resource Center Page =====*/
    .post-type-archive-resource_center .resourceCenterListWrapper .container{padding: 0 20px;}
    .post-type-archive-resource_center .resourceCenterListWrapper .head-info-main{margin: 0 -10px;}
    .post-type-archive-resource_center .resourceCenterListWrapper .head-info-main .col-4{padding: 0 10px;}

    /*===== Case Studies Page =====*/
    .single-case_studies .caption{left: 100px;}
    .page-template-sports .info-two-coll .inner{padding: 0;}
    .galleryMainWrapper .grid .element-item{width: 25%}

    /*===== Product Page =====*/
    .pro-info.hasVideo .imgbox {
        height: 380px;
    }
}

@media screen and (max-width:768px) {
    img.alignleft, img.alignright, iframe.alignleft, iframe.alignright {float:none; margin:0 0 20px;}
}

/* iPad 768px view*/
@media screen and (max-width:1023px) {
    h1, h2 {font-size:22px; line-height:normal; letter-spacing:0.025em; margin:0 0 15px;}
    h3 {font-size:20px; letter-spacing:0.025em;}
    h4 {font-size:18px; letter-spacing:0.025em;}
    p {font-size: 16px;line-height: 24px; margin:0 0 15px;}
    .padding-80 {padding:40px 0;}
    .more-link {font-size: 14px;line-height: 14px;}
    hr {margin:30px 0;}
    /*Header and banner*/
    body {padding:115px 0 0;}
    body.page-template-Homepage{padding: 84px 0 0;}
    .header-top {display: none;}
    .mobi-iconbox, .header-fixed .mobi-iconbox {display:block !important; top:10px;}
    .top-links {display: block;}
    //.mobile-menu-block .top-links li a {text-transform: none;}
	.mobile-menu-block #menu-header-menu .menu-item-has-children .hitarea{width: 100%;}
    .mobile-menu-block li.language-option {padding:0;}
    .mobile-menu-block li.language-option > a {padding-left:45px;}
    .mobile-menu-block li.language-option .flag-icon{top: 21px;}
    .mobile-menu-block .top-links .language-list ul{column-count: unset;}
    .mobile-menu-block .top-links .language-list li {display: block; text-align: left;margin:0 0 15px; padding-left:0;}
    .mobile-menu-block .top-links .language-list li a {display: block; position: relative; padding:2px 0 2px 0;}
    .mobile-menu-block .top-links .language-list li .icon{position: static; display: inline-block; vertical-align: middle; margin-right: 10px;}
    .mobile-menu-block .top-links ul.sub-menu {margin: 0;}
    .head-info{height: auto;}
    .flag-icon {left:15px; right: auto; top: 15px;}
    .language-option .select-box {height:40px; padding:0;}
    .language-option .select-box select {padding-left: 32px;}
    .mobile-menu-block .social-icons {display:block;padding:10px 15px;text-align: center; background:#f6f5f5; position:absolute; left: 0; right: 0; bottom: 0; z-index: 2;}
    .mobile-menu-block .social-icons a + a {margin-left: 20px;}
    .mobile-menu-block .header-popup {display:block;}
    .mobile-menu-block .head-info-main .col-4 {padding:5px; width: 100%;}
    .mobile-menu-block .head-info-main .col-4 .head-info a {padding:0; display: block;}
    .mobile-menu-block .head-info h4{position: static; transform: none; background: #045c; color: #fff;}
    .mobile-menu-block .link-list {padding: 10px 0;}
    .mobile-menu-block .link-list ul li a {padding:2px 10px;}
    .header-popup {padding: 20px 15px 5px;}
    .header-fixed .header-below{margin-top: -74px;}

    .logo {width: 140px;}
    .header-inner {height: 60px;}
    .slick-arrow:after {font-size: 24px;}
    .social-icons a + a {margin-left: 10px;}
    .social-icons a {font-size: 18px;}
    .footer {padding: 30px 0;}
    .footer-inner .f-links {flex-basis:25%;}
    .footer-inner .contact-info {flex-basis:40%;}
    .footer-inner .address {flex-basis:25%;}
    .f-logo-list li {padding:0 20px;}

    .info-body h4 {font-size:16px;line-height:24px;}
    .info-body .imgbox {height: 180px;}
    .welcome-info p, .pro-info p {font-size: 16px;line-height: 24px;}
    .partner-block {padding: 20px 0;}
    .products-block {padding: 20px 0 0;}
    .products-slider {padding:20px 30px 0;}
    .testimonial-inner {padding:40px;}
    .testimonial-slider .slick-arrow.slick-prev {left: 10px;}
    .testimonial-slider .slick-arrow.slick-next {right: 10px;}
    .testimonial-inner p {margin-bottom:15px;}
    .bottom-logo .imgbox {max-width: 200px;}
    .caption h1 {font-size:20px;line-height:24px;}
    .welcome-info.text-left {padding: 30px 0 0;}
    .pro-list .items {margin: 0 0 30px;}
    .product-info-block .info-section {padding: 10px 0 0;}
    .product-info-block .info-body .imgbox {height: 360px;}
    .product-info-block {margin: 0 0 30px;}

    /*===== Agent Page =====*/
    .content-section .imageWrapper{margin: 0 0 34px 34px; max-width: 440px;}

    /*===== About Us Page =====*/
    .page-template-about-us .content-section .imageWrapper + p{padding-top: 40px}

    /*===== Testimonial Page =====*/
    .page-template-testimonial .middle-section .container {width: 100%;}

    /*===== Product Page =====*/
    .page-template-product .middle-section .container {width: 100%;}

    /*===== Partner Page =====*/
    .page-template-partner .testimonialListWrapper .container{width: 100%;}

    /*===== Case Studies Page =====*/
    .single-case_studies .welcome-info{padding: 30px 0;}
    .single-case_studies .product-info-block {margin: 0 0 44px;}
    .single-case_studies .testimonialWrapper {margin-bottom: 59px;}
    .single-case_studies .testimonialWrapper p{font-size: 24px; line-height: 32px;}
    .single-case_studies .testimonialWrapper em{margin-top: 30px;}
    .single-case_studies .products-list-block {margin-bottom: 20px;}
    .single-case_studies .badgesWrapper {margin-bottom: 32px;}

    /*===== Gallery Page =====*/
    #filters{display: none}
    .galleryMainWrapper{padding: 0;}
    .galleryMainWrapper #filterDropdown{display: block; margin: 25px 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist;}

    /*===== News Page =====*/
    .newsDescriptionWrapper .entry-title {line-height: 40px; margin-bottom: 8px;}
}

@media screen and (min-width: 768px) and (max-width: 811px){
    .pro-info.hasVideo .imgbox {
        height: 280px;
    }
}

/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px) {
    body {-webkit-text-size-adjust:none;}
    body, body.header-fixed {padding:86px 0 0;}
    body.page-template-Homepage{padding: 88px 0 0;}
    .container {width:100%; padding:0 15px;}
    h1, h2 {font-size:20px; line-height:normal; letter-spacing:0.025em; margin:0 0 15px;}
    h3 {font-size:18px;}
    h4 {font-size:18px;}
    p {margin:0 0 15px;}
    hr {margin:20px 0;}
    .breadcrumb{display: none;}
    .products-slider .slick-arrow{top: 85%;}
    /*Header and banner*/
    .mobile-menu-block {width:90%; left:-100%;}
    //.mobile-menu-block .top-links li a {text-transform: none;}
    .header-right {padding-right: 40px;}
    .mobi-iconbox {right:5px; top:14px; height: 32px; border:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
    .header-fixed .mobi-iconbox {top:16px;}
    .header .container {padding-left:5px;}
    .logo {width:120px;} 
    .header-search {display:none;}
    .mobi-search-btn {display:block;}
    .header-search .search-input {height:34px; border:0; background:#f6f5f5; border-radius:0;}
    .header-search .search-btn {height:34px; line-height:34px;}
    .header-below{padding: 4px 0;}
    .header-below p {letter-spacing: 0.025em; max-height: 15px; overflow: hidden;}
    .home-slider .slick-dots {bottom: 20px;}
    .header-below .slick-arrow:after{font-size: 20px;}

    .f-left .col-2 {padding:10px;}
    .footer-inner {display: block; text-align: center;}
    .footer-inner > div + div {margin-top: 20px;}
    .footer-inner .address p br {display: none;}
    .footer-inner .f-links {margin-bottom:20px;}
    .footer p {margin:0;}
    .footer-bottom {padding:10px 0;}
    .f-logo-list {display:flex;display:-webkit-flex; align-items: center; justify-content: space-between;}
    .f-logo-list li {padding:5px; flex-basis:25%;}

    .signup-block {padding: 40px 0;}
    .signup-form {padding-right: 0;margin: 20px 0;}
    .signup-form .input-field {width: 100%; padding: 0;}
    .signup-form .input-field + .input-field {margin-top: 10px;}
    .signup-form .btn {position: static; margin-top: 20px;}

    .info-section {padding:5px;}
    .info-section .col-3 {width:50%; padding:5px;}
    .info-body h4 {font-size: 16px;line-height: 20px;}
    .welcome-info {padding: 20px 0;}
    .welcome-info p, .pro-info p {font-size: 15px;line-height: 22px;}
    .pro-info {display: block;}
    .products-block {padding: 10px 0 0;}
    .products-slider {padding:0;}
    .pro-info .pro-title {padding: 0 0 10px;}
    .pro-text-inner {padding:0;}
    .pro-info .prduct-textbox {padding:15px 15px 0; text-align:center; min-height: 133px;}
    .devider {padding:0;}
    .testimonial-block .devider {display: none;}
    .testimonial-block .container {padding: 0 15px;}
    .testimonial-inner {padding: 30px;margin-top: 30px;}
    .bottom-logo {padding: 0 0 20px;}

    .caption h1 {font-size: 18px;line-height: 24px;letter-spacing: 0.025em;}
    .products-list-block .products-slider {border:0;}
    .pro-list .items {margin: 0 0 15px;}
    .pro-list .items:nth-child(even) .pro-title {display: inline-block;}
    .pro-list .items:nth-child(even) .pro-title:before {left: 0;}
    .pro-info .pro-title:before {height:1px;}
    .devider hr {height:1px;}
    .product-info-block .info-section .col-3 {width:100%;}
    .product-info-block .info-section .col-3 + .col-3 {margin-top:15px;}
    .product-info-block .info-section {padding: 0 15px;}
    .welcome-info.text-left {padding: 20px 0 0;}
    .page-template-International .pro-info .pro-text-inner > a, .page-template-Homepage .pro-info .pro-text-inner > a{font-size: 16px;}

    /*===== Agent Page =====*/
    .content-section .imageWrapper{margin: 0 0 30px; max-width: 100%; width: 100%; text-align: center;}
    .content-section p{float: left; width: 100%;}
    .content-section .imageWrapper + p{padding-top: 0;}
    .page-template-about-us .content-section{margin-bottom: 100px;}
    .page-template-about-us .content-section .imageWrapper + p{padding-top: 0;}

    /*===== Testimonial Page =====*/
    .noBG h1 {padding: 18px 0; margin-bottom: 20px; }
    .page-template-testimonial .testimonialList{flex-wrap: wrap; margin-top: 25px;}
    .page-template-testimonial .testimonialImage{flex-basis: 100%; text-align: center;}
    .page-template-testimonial .testimonialList:nth-child(even) .testimonialImage{order: 0;}
    .page-template-testimonial .testimonialDescription{flex-basis: 100%; padding: 15px 0;}

    /*===== Partner Page =====*/
    .page-template-partner .testimonialDescription{padding-left: 74px;}

    /*===== Resource Center Page =====*/
    .post-type-archive-resource_center .resourceCenterListWrapper{margin-bottom: 50px}
    .post-type-archive-resource_center .resourceCenterListWrapper .container{padding: 0 15px;}
    .post-type-archive-resource_center .resourceCenterListWrapper .head-info-main{display: flex; flex-wrap: wrap;}
    .post-type-archive-resource_center .resourceCenterListWrapper .head-info-main .col-4{width: 50%; margin-bottom: 40px;}

    /*===== Single Page =====*/
    .single-resource_center .content-section .imageWrapper{margin: 0 0 30px}
    .single-resource_center .postLinks{float: left; margin-top: 28px;}
    .single-resource_center .parentLink{float: left;}

    /*===== Case Studies Page =====*/
    .single-case_studies .welcome-info{padding: 20px 0;}
    .single-case_studies .product-info-block .info-section{padding: 0 15px; background: none;}

    /*===== Sports Page =====*/
    .page-template-sports .info-two-coll {padding: 30px 0 0;}
    .page-template-sports .info-two-coll .inner {display:block;}
    .page-template-sports .info-two-coll .inner .imgbox img {width: 100%; height: auto;}
    .page-template-sports .info-two-coll-textbox {padding:20px 0 0;}
}

/*View :: 568px ::*/
@media screen and (max-width:666px) {
    .grayBG{min-height: 150px; margin-bottom: 15px;}
    .commonForm .form-field{margin-bottom: 20px;}

    /*===== Partner Page =====*/
    .page-template-partner .testimonialListWrapper {margin-bottom: 50px; }
    .page-template-partner .testimonialList{flex-wrap: wrap; margin-top: 29px; border-top: 1px solid #000; padding-top: 29px;}
    .page-template-partner .testimonialList:first-child{border-top: none; padding-top: 0;}
    .page-template-partner .testimonialImage {margin: 0 auto 15px;}
    .page-template-partner .testimonialDescription{flex-basis: 100%; padding-left: 0;}

    /*===== Case Studies Page =====*/
    .single-case_studies .testimonialWrapper{padding: 0;}
    .single-case_studies .testimonialWrapper p {font-size: 22px; line-height: 28px;}

    /*===== 404 Page =====*/
    .error-404-page .search-404 .btn i{display: block; margin: 0;}
    .error-404-page .search-404 .btn span{display: none;}
    .error-404-page .search-404 .btn {font-size: 20px; min-width: 50px; display: flex; justify-content: center;}
    .error-404-page .search-404 input {width: 100%; min-width: calc(100% - 50px);}

    /*===== News Page =====*/
    .category-latest-news .newsImageWrapper{margin: 0 0 15px 0; width: 100%; text-align: center;}
    .category-latest-news .newsDescriptionWrapper{float: left; width: 100%;}
}

@media screen and (max-width: 567px){
    .single-case_studies .caption { left: 0; right: 0; width: 100%; height: auto; padding: 20px; top: auto; bottom: 0;}
    .single-case_studies .caption p {font-size: 15px; margin-top: 15px; line-height: 18px;}
    .single-case_studies .testimonialWrapper {margin-bottom: 35px;}
    .single-case_studies .testimonialWrapper em{line-height: 25px;}
    .error-404-page{padding: 0 15px;}
}

/*View :: 320px ::*/
@media screen and (max-width:479px) {
    body{padding: 88px 0 0;}
    .header-fixed .header-below{margin-top: -60px;}
    .mobile-menu-block {width:85%;}
    .info-body .imgbox {height: 140px;}
    .info-body h4 {font-size: 13px;line-height:18px;}
    .caption h1 {font-size: 16px;line-height: 22px;}

    /*===== Agent Page =====*/
    .grayBG{min-height: 70px;}
    .grayBG span{min-width: 100%;}
    .commonForm .form-field.half-row{width: 100%;}
    .content-section p{font-size: 16px;}

    /*===== Resource Center Page =====*/
    .post-type-archive-resource_center .resourceCenterListWrapper .head-info-main .col-4{width: 100%; margin-bottom: 20px;}

    /*===== Single Page =====*/
    .single-resource_center .postLinks span {font-size: 16px; width: 100%; }
    .single-resource_center .postLinks span.previousLink a {padding: 0 10px 0 0; text-align: left;}
    .single-resource_center .postLinks span.nextLink a {padding: 0 0 0 10px; text-align: right;}
    .single-resource_center .postLinks span.nextLink a:after, .single-resource_center .postLinks span.previousLink a:after{content: none;}
    .single-resource_center .parentLink{font-size: 15px;}

    /*===== 404 Page =====*/
    .error-404-page h2 {font-size: 100px; margin-top: 15px;}
    .error-404-page h3 {font-size: 21px;}

    /*===== News Pages =====*/
    .newsDescriptionWrapper .entry-title{font-size: 26px; line-height: 30px;}
}

@media screen and (min-width: 320px) and (max-width: 374px){
    .pro-info.hasVideo .imgbox {
        height: 280px;
    }
}