@media (max-width: 767px) {
    .main-container{
        width:767px!important;
        margin:auto;
    }
    .header-menu > ul > li > a {
        font-size: 15px;
    }
    .header-menu, .store-search-box {
        padding:15px 0px 0px 0px;
    }
    #search-input{
        background-size: 13px 13px; 
    }
    .top_text1{
        font-size:19px;
        height: 40px;
        padding-top: 10px;
    }
    .row > .top_image2 {
        height: 125px;
    }
    .top_text2 {
        height: 40px;
        padding-top: 5px;
        font-size: 20px
    }
    #banner_right_bottom_txt{
        font-size: 19px;
        height: 40px;
        margin-right: 0px;
        margin-top: 4px;
    }
    .banner-margin{
        margin-top: 25px;
    }
    #breakthrough_text {
        font-size: 19px;
    }
    .arrow-ad-1{
        padding-top: 4px;width: 12px !important;float: right;padding-right: 5px;
    }
    .crop-btn {
        font-size: 9.5px;
        padding: 3px;
    }
    .crop-btn-text {
        padding: 10px 0 0;
    }
    .description-text{
        font-size: 15px;
    }
    .blog-links{
        font-size:15px;
    }
    .blog-link-arrow{
        font-size: 16px;
    }
    .program-heading{
        font-size: 14px;
    }
    .prog-box{
        padding: 10px 0 0;
    }
    .program-content{
        font-size: 10px;padding: 10px 0  5px;letter-spacing: 0px;
    }
    .program-links{
        font-size: 16px; 
    }
    .innovation-heading{
        font-size:35px; 
    }
    .innovation-content{
        font-size: 15px;
        padding: 0 5px 0 0;
    }
    .blog-crop-names  h4{
        font-size:12px;
    }
    #aboutus-tabs > ul > li {
        font-size: 14px;
        display: inline;
    }
    .about-us-text{
        font-size: 12px!important;
        line-height: 1.5;
    }
    .about-us-text h3{
        font-size: 15px;
    }
    #MainMenu >ul li{
        font-size: 15px; 
    }
}

@media (min-width:768px) and (max-width:1024px){
    .main-container{
        width:768px!important;
        margin:auto;
    }
    .header-menu > ul > li > a {
        font-size: 15px;
    }
    .header-menu, .store-search-box {
        padding:15px 0px 0px 0px;
    }
    #search-input{
        background-size: 13px 13px; 
    }
    .top_text1{
        font-size:19px;
        height: 40px;
        padding-top: 10px;
    }
    .row > .top_image2 {
        height: 125px;
    }
    .top_text2 {
        height: 40px;
        padding-top: 5px;
        font-size: 20px
    }
    #banner_right_bottom_txt{
        font-size: 19px;
        height: 40px;
        margin-right: 0px;
        margin-top: 4px;
    }
    .banner-margin{
        margin-top: 25px;
    }
    #breakthrough_text {
        font-size: 19px;
    }
    .arrow-ad-1{
        padding-top: 4px;width: 12px !important;float: right;padding-right: 5px;
    }
    .crop-btn {
        font-size: 9.5px;
        padding: 3px;
    }
    .crop-btn-text {
        padding: 10px 0 0;
    }
    .description-text{
        font-size: 14px;
    }
    .blog-links{
        font-size:15px;
    }
    .blog-link-arrow{
        font-size: 16px;
    }
    .program-heading{
        font-size: 14px;
    }
    .prog-box{
        padding: 10px 0 0;
    }
    .program-content{
        font-size: 10px;padding: 10px 0  5px;letter-spacing: 0px;
    }
    .program-links{
        font-size: 16px; 
    }
    .innovation-heading{
        font-size:35px; 
    }
    .innovation-content{
        font-size: 15px;
        padding: 0 5px 0 0;
    }
    .blog-crop-names  h4{
        font-size:12px;
    }

    #aboutus-tabs > ul > li {
        font-size: 14px;
    }
    .about-us-text{
        font-size: 12px!important;
        line-height: 1.5;
    }
    .about-us-text h3{
        font-size: 15px;
    }
    #MainMenu >ul li{
        font-size: 15px; 
    }
    .prorisecrop{
        font-size: 13px;
    }
    #catalog-data-list{
        font-size: 16px!important
    }
    .catalog-text{
        font-size: 17px;
    }
    #blog-tabs ul > li{
        font-size: 15px; 
    }
    .blog-tab-content{
        font-size: 13.5px!important;
    }
    .gsi-step-indicator.triangle li::after, .gsi-step-indicator.triangle li > *::after{
        border-width: 21px 0 19px 18px!important;
    }
    .gsi-step-indicator li .desc label {
        font-size: 11px!important;
    }
    .blog-tab-crop-yield-content{
        font-size: 14px; margin-top: 10px;
    }
    .crop-yeild-potato-main-heading{
        font-size: 16px;
    }
    .crop-para-heading{
        font-size:16px;
    }
    .crop-yield-h3 h3{
        font-size: 14px;
    }
    .potato-issues-img-title{
        font-size:16px;
    }
}


@media (min-width: 1024px) and (max-width: 1199px){   
    .main-container{
        width:1024px!important;
        margin:auto;
    }
    .header-menu > ul > li > a {
        font-size: 18px;
    }
    .header-menu, .store-search-box {
        padding:20px 0px 0px 0px;
    }
    #search-input{
        background-size: 20px 20px; 
    }

    .top_text1{
        font-size:25px;
        height: 55px;
    }
    .row > .top_image2 {
        height: 165px;
    }
    .top_text2 {
        height: 50px;
        padding-top: 10px;
        font-size: 25px
    }
    #banner_right_bottom_txt{
        margin-top: 7px;
        font-size: 25px;
        height: 55px;
        margin-right: 7px;
    }
    .banner-margin{
        margin-top: 25px;
    }
    #breakthrough_text {
        font-size: 25px;
    }

    .arrow-ad-1{
        width: 18px !important;float: right;padding-right: 10px;padding-top: 10px;
    }
    .crop-btn {
        font-size: 12px;
    }
    .program-heading {
        font-size: 18px;
    }
    .program-links {
        font-size: 18px;
    }
    .program-content {
        font-size: 12px;
    }
    .description-text{
        font-size: 18px;
    }
    .blog-links{
        font-size:20px;
    }
    .blog-link-arrow{
        font-size: 20px;
    }

    #aboutus-tabs > ul > li {
        font-size: 16px;
    }
    .about-us-text{
        font-size: 14px!important;
    }
    .about-us-text h3{
        font-size: 18px;
    }
    #MainMenu >ul li{
        font-size: 15px; 
    }
    #catalog-data-list{
        font-size: 18px!important
    }
    .blog-tab-content{
        font-size: 15px!important;
    }
    .gsi-step-indicator.triangle li::after, .gsi-step-indicator.triangle li > *::after{
        border-width: 22px 0 21px 15px !important;
    }
    .gsi-step-indicator li .desc label {
        font-size: 17px!important;
    }
    .blog-tab-crop-yield-content{
        font-size: 16px; margin-top: 10px;
    }
    .crop-yeild-potato-main-heading{
        font-size: 18px;
    }
    .crop-para-heading{
        font-size:18px;
    }
    .potato-issues-img-title{
        font-size:18px;
    }

}

@media (min-width: 1200px) and (max-width:1365px){
    .main-container{
        width:1200px!important;
        margin:auto;
    }

    .header-menu > ul > li > a {
        font-size: 18px;
    }
    .header-menu, .store-search-box {
        padding:25px 0px 0px 0px;
    }
    #search-input{
        background-size: 20px 20px; 
    }
    .top_text1{
        font-size:35px;
        height: 70px;
    }
    .row > .top_image2 {
        height: 190px;
    }
    .top_text2 {
        height: 60px;
        padding-top: 10px;
    }
    #banner_right_bottom_txt{
        margin-top: 7px;
    }
    .banner-margin{
        margin-top:25px;
    }
    .description-text{
        font-size: 22px;
    }
    .crop-btn{
        font-size: 14px;
    }
    .program-content {
        font-size: 15px;
        letter-spacing: 0px;
    }
    .program-heading {
        font-size: 24px;
    }
    .program-links {
        font-size: 21px;
    }
    .innovation-heading {
        font-size: 55px;
    }
    .innovation-content {
        font-size: 22px;
        padding: 2px 0 0;
    }
    .blog-links{
        font-size:21px;
    }
    .blog-link-arrow{
        font-size: 21px;
    }
    #aboutus-tabs > ul > li {
        font-size: 18px;
    }
    .about-us-text{
        font-size: 15px!important;
    }
    .about-us-text h3{
        font-size: 21px;
    }
    #blog-tabs > ul > li {
        font-size: 18px;
    }
    .blog-tab-content{
        font-size: 18px!important;
    }
    .blog-tab-crop-yield-content{
        font-size: 15px!important;
    }
    #MainMenu >ul li{
        font-size: 18px; 
    }
    .gsi-step-indicator.triangle li::after, .gsi-step-indicator.triangle li > *::after{
        border-width:23px 0 23px 18px!important;
    }
    .gsi-step-indicator li .desc label {
        font-size: 20px!important;
    }
}

@media (min-width: 1366px){
    .main-container{
        /*width:1366px!important;*/
        width:100% !important;
        margin:auto;
    }
    .header-menu > ul > li > a {
        font-size: 18px;
    }
    .header-menu, .store-search-box {
        padding:25px 0px 0px 0px;
    }
    #search-input{
        background-size: 20px 20px; 
    }
    .description-text{
        font-size: 26px;
    }
    .description-text-1{
        font-size: 21px;
    }
    .row > .top_image2 {
        height: 215px; width: 48% !important;
    }

    #banner_right_bottom_txt{
        margin-top:9px; height: 78px; margin-right: 0;
    }
    .crop-btn{
        font-size: 16px;
    }
    .program-content {
        font-size: 17px;
    }

   
}